De una idea ambiguaa algo listo para usarse.

Así trabajo, paso a paso. A la derecha, un proyecto real se construye contigo mientras bajas.

  1. 00

    La idea

    Me cuentas lo que quieres, aunque sea en una frase. No hace falta un brief.

    • Llamada de 30 min
    • Sin brief formal
    Ejemplo · Plataforma de reservas00 · La idea
    ¿Y si reservarfuera más fácil?— cliente, un martesidea ambigua???Todo empieza en blanco: una frase, sin requisitos.

  2. 01

    Descubrimiento

    Entiendo qué tiene que pasar antes de abrir Figma. Si no hay respuesta clara, ese es el primer entregable.

    • Entrevistas
    • Mapa del flujo
    • Métricas base
    Ejemplo · Plataforma de reservas01 · Descubrimiento
    7 pasos parareservarLa gente se vaen el paso 370 % reservadesde el móvilLos precios nose entienden¿Qué tiene que pasarpara reservar en 1 min?FLUJO ACTUAL12×4××7PROPUESTO12347 → 4 pasos

  3. 02

    Diseño

    Flujos, jerarquía y un sistema de diseño. La estética llega después de la estructura.

    • Wireframes
    • UI en Figma
    • Tokens
    Ejemplo · Plataforma de reservas02 · Diseño
    CapasReserva / paso 2HeaderStepperOpcionesOpción · activaCTA390 × 844Tokensaccent#ff7a59ink#0b0b0bpage#f4f2ecstate#7cf000AaGeist 16/24Iván

  4. 03

    IA

    La uso donde acelera de verdad: variantes, contenido y prototipos que se prueban rápido.

    • Variantes
    • Copy
    • Prototipos
    Ejemplo · Plataforma de reservas03 · IA
    Dame 3 variantes del CTAy el texto del paso 2Mismo token, tres tonos:ContinuarReservar ahoraVer horarios“Elige el horario que mejorte va. Puedes cambiarlo.”

  5. 04

    Código

    Componentes reales con estados reales. Accesibilidad y rendimiento desde el primer commit.

    • Astro · React
    • Accesible
    • Rápido
    Ejemplo · Plataforma de reservas04 · Código
    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 Reservar ahora9 </Button>10 </Step>11 );12}$ npm run build✓ listo en 1,2 s · 0 erroreslocalhost:4321/reservar

  6. 05

    Medición

    Mido lo que importa para saber qué funciona y qué cambiar en la siguiente vuelta.

    • Analítica
    • Embudos
    • Mapas de calor
    Ejemplo · Plataforma de reservas05 · Medición
    Conversión+00 %Abandono−00 %Tiempo para reservar58 sUsuarios por pasoANTES · 7 PASOSDESPUÉS · 4 PASOS[datos de ejemplo]

  7. 06

    Entrega

    Listo para usarse, documentado y fácil de mantener por tu equipo.

    • Documentación
    • Handoff
    • Soporte
    Ejemplo · Plataforma de reservas06 · Entrega
    reservas.appReserva en 4 pasos.Sin llamadas, sin esperas.Reservar ahoraEn vivo · reservas.appDocumentaciónComponentes en StorybookMétricas activasHandoff al equipo

Y después, la siguiente vuelta.

Empezar un proyecto