Workflow
Cada proyecto sigue un recorrido claro con fechas, entregables y decisiones intermedias. Así se organiza el trabajo en el estudio, sin sorpresas ni plazos difusos.
Semana 1 · Sesión de descubrimiento
Una llamada de 45 minutos para entender el proyecto, el público y las limitaciones reales. Al final de la semana envías un resumen con el alcance propuesto, el calendario estimado y las preguntas que quedan abiertas.
Semanas 2–3 · Investigación y bocetos
Reviso la situación actual: arquitectura, textos, competencia directa y limitaciones técnicas. Preparo dos o tres direcciones visuales con bocetos en papel y moodboards. Tú eliges una línea antes de seguir.
Semanas 4–6 · Diseño y prototipo
Diseño las pantallas clave en Figma, con tipografía, paleta y componentes reutilizables. Monto un prototipo navegable para probar flujos reales. Recibes una revisión intermedia con margen para ajustes concretos.
Semanas 7–8 · Desarrollo front-end
Traduzco el diseño a HTML, CSS y JavaScript, cuidando el rendimiento y la accesibilidad. Las animaciones de microinteracción se prueban en dispositivos reales. Entregas parciales cada viernes para que veas el avance.
Semana 9 · Revisión y entrega
Una ronda de correcciones sobre el prototipo final, pruebas de usabilidad rápidas y entrega del código comentado. Incluyo una guía breve para que tu equipo pueda mantener el sistema sin depender del estudio.
Cómo trabajamos
Cada encargo sigue una secuencia definida: primero entendemos el contexto real del negocio, después diseñamos y validamos, y solo al final pasamos a desarrollo. Así evitamos idas y venidas y sabes en cada momento qué falta y qué viene después.
01 · Diagnóstico
Hablamos de tu proyecto, de los usuarios y de las limitaciones reales: presupuesto, plazos, contenido disponible. Con eso definimos el alcance y te devolvemos una propuesta concreta, sin páginas de relleno.
02 · Diseño y validación
Trabajamos en una retícula editorial, probamos la jerarquía tipográfica y validamos los flujos clave con usuarios reales. Cada decisión queda documentada para que sepas por qué se eligió una opción y no otra.
03 · Desarrollo y entrega
Maquetamos con HTML y CSS limpio, revisamos la carga en dispositivos reales y ajustamos microinteracciones. Entregamos el código documentado y te acompañamos en el lanzamiento para resolver cualquier imprevisto.