From a vague ideato something ready to use.

How I work, step by step. On the right, a real project gets built as you scroll.

  1. 00

    The idea

    You tell me what you want, even in one sentence. No brief needed.

    • 30-minute call
    • No formal brief
    Example · Booking platform00 · The idea
    What if bookingwere easier?— client, on a Tuesdayvague idea???It all starts blank: one sentence, no requirements.

  2. 01

    Discovery

    I find out what needs to happen before opening Figma. If there's no clear answer, that's the first deliverable.

    • Interviews
    • Flow map
    • Baseline metrics
    Example · Booking platform01 · Discovery
    7 steps tobookPeople dropat step 370% bookon mobilePrices areconfusingWhat must happento book in 1 min?CURRENT FLOW12×4××7PROPOSED12347 → 4 steps

  3. 02

    Design

    Flows, hierarchy and a design system. Aesthetics come after structure.

    • Wireframes
    • UI in Figma
    • Tokens
    Example · Booking platform02 · Design
    LayersBooking / step 2HeaderStepperOptionsOption · activeCTA390 × 844Tokensaccent#ff7a59ink#0b0b0bpage#f4f2ecstate#7cf000AaGeist 16/24Iván

  4. 03

    AI

    I use it where it really speeds things up: variants, content and quick prototypes.

    • Variants
    • Copy
    • Prototypes
    Example · Booking platform03 · AI
    Give me 3 CTA variantsand the step 2 copySame token, three tones:ContinueBook nowSee times“Pick the time that suitsyou. You can change it.”

  5. 04

    Code

    Real components with real states. Accessibility and performance from the first commit.

    • Astro · React
    • Accessible
    • Fast
    Example · Booking platform04 · Code
    BookingStep.tsx1import { Button } from '@/ui'23export function BookingStep() {4 return (5 <Step n={2} of={4}>6 <SlotList slots={slots} />7 <Button variant="solid">8 Book now9 </Button>10 </Step>11 );12}$ npm run build✓ done in 1.2 s · 0 errorslocalhost:4321/reservar

  6. 05

    Measurement

    I measure what matters to know what works and what to change next round.

    • Analytics
    • Funnels
    • Heatmaps
    Example · Booking platform05 · Measurement
    Conversion+00 %Drop-off−00 %Time to book58 sUsers per stepBEFORE · 7 STEPSAFTER · 4 STEPS[sample data]

  7. 06

    Delivery

    Ready to use, documented and easy for your team to maintain.

    • Documentation
    • Handoff
    • Support
    Example · Booking platform06 · Delivery
    reservas.appBook in 4 steps.No calls, no waiting.Book nowLive · reservas.appDocumentationComponents in StorybookMetrics liveTeam handoff

And then, the next round.

Start a project