Del brief a la revisión de lanzamiento, día por día.
Engagement
Trece hitos dentro de un engagement Sitio. Qué pasa cada día, qué haces tú, qué hago yo, y algunas previsualizaciones reales de entregables en el camino.
Los días de abajo son el plan, no el contrato. La investigación levanta algo que vale la pena perseguir, una revisión llega tarde, un pase de copia pide una segunda ronda: los proyectos reales tienen turbulencia real. Cuando una fecha se corre, te enteras en la misma respuesta que la señala. Todo el esfuerzo va a sostener el calendario.
Sitio01 / 13
- Día 0Ingreso
Llega el brief.
El brief cae en el inbox del estudio con lo que necesitas, para cuándo lo necesitas, y la forma del negocio al que sirve. Dos párrafos alcanzan. De ahí, el estudio tiene un día hábil para responder.
Brief de dos párrafos. Negocio, comprador, lo que tienes hoy, lo que quieres lanzar. Enviado a alfonso@barreiro.com o por el formulario de contacto.
Tú
- Envía dos párrafos sobre el negocio, el comprador y la fecha objetivo de lanzamiento.
- Elige un paquete (Sitio o Sitio+) o di que no estás seguro y quieres una recomendación.
Estudio
- Confirmo recepción en unas horas.
- Leo el brief y reviso el calendario para el próximo slot abierto.
- Día 1 · LunIngreso
Respuesta de alcance, contrato, anticipo.
Recibes el alcance por escrito dentro de un día hábil. Nombra el paquete que encaja, el cronograma, los entregables y las preguntas de investigación previas al arranque. El contrato y la factura de anticipo van adjuntos; el trabajo empieza el lunes siguiente.
Respuesta de alcance
Listo para firmar
- Paquete
- Sitio · $2,000 · 2 semanas · 1 ronda
- Arranque
- Lunes, semana del 22 de sep
- Envío objetivo
- Viernes, 3 de oct
- Preguntas
- 3 · adjuntas aparte
- Entregables
- Inicio + servicios + contacto + revisión de lanzamiento
Tú
- Revisa el doc de alcance, pide cambios si hace falta.
- Firma el contrato, paga el anticipo (50% por adelantado).
Estudio
- Envío el alcance escrito, el contrato y la factura.
- Reservo la ventana de dos semanas en el calendario.
- Día 5 · VieIngreso
Firmado, anticipo confirmado.
Contrato firmado al cierre de semana. El anticipo se confirma durante el fin de semana. El estudio prepara el doc de investigación y el workspace de Figma para el kickoff del lunes.
Tú
- Devuelve el contrato firmado.
- Responde las tres preguntas de investigación en texto plano o en un doc compartido.
Estudio
- Monto el workspace de Figma.
- Redacto el doc de investigación: producto, comprador, competencia, intención de búsqueda.
- Día 8 · LunDiseño
Kickoff. Repaso de investigación, juntos.
Llamada de treinta minutos para revisar el doc de investigación y cerrar el brief de diseño. El sistema de diseño arranca esa tarde. De acá en adelante el trabajo pasa asincrónico en Figma, salvo que algo necesite llamada.
Tú
- Llamada de kickoff (30 min).
- Confirma el brief de diseño y cualquier pregunta final.
Estudio
- Camino por el doc de investigación contigo.
- Arranco el sistema de diseño: escala tipográfica, paleta, tokens de espaciado.
- Día 9 · MarDiseño
Sistema de diseño y moodboard.
Al final del segundo día la escala tipográfica, la paleta y el moodboard viven en Figma. Es la base contra la que se compone cada página del build. Los comentarios pasan en Figma, no en llamada.
Sistema de diseño · Figma
Tinta
#0F172A
Superficie
#F5F7FA
Acento
#48ADCF
Línea
#E2E8F0
Display · Fraunces SemiBold56 / 44 / 32Body · Plus Jakarta Sans17 / 15 / 13Mono · JetBrains Mono13Tú
- Abre el link de Figma.
- Deja comentarios sobre la paleta y la escala tipográfica.
Estudio
- Envío escala tipográfica, paleta y tokens de espaciado en Figma.
- Publico un moodboard con tres referencias de marcas adyacentes.
- Día 10 · MiéDiseño
Primeros diseños de página en Figma.
Inicio primero, luego servicios, luego contacto. Las tres páginas quedan en Figma al final del día. La ventana de comentarios asincrónica abre hasta el jueves. El sistema de diseño alimenta cada página, así que las revisiones bajan limpias.
figma.com / files / abd-tunegocio-v1.fig
pageInicio
pageServicios
pageContacto
systemTipo + color
Tú
- Camina por las tres páginas en Figma.
- Comenta cualquier cosa que no defienda lo que dijo el brief.
Estudio
- Envío inicio, servicios y contacto en Figma.
- Anoto las decisiones de diseño de cada página en el sidebar de Figma.
- Día 11 · JueDiseño
Ronda 1 de revisiones.
Los comentarios del cliente entran asincrónicos hasta la noche del miércoles. El estudio responde cada comentario al cierre del jueves. Lo que cambia el brief mismo se marca como alcance y, si hace falta, se discute en llamada.
Tú
- Cierra todos los comentarios de la ronda 1 en Figma al final del día.
Estudio
- Respondo cada comentario en su propio hilo para que nada se pierda.
- Envío las frames revisadas.
- Día 12 · VieConstrucción
Lock del diseño. Arranca el build en Next.js.
Diseño congelado al final de la semana uno. Proyecto de Next.js montado, tokens del sistema portados a Tailwind, esqueleto de layout construido. No hay más cambios en Figma sin una conversación de alcance.
Tú
- Aprueba el diseño bloqueado (asincrónico en Figma o llamada corta, como prefieras).
- Empieza a reunir la copia y las imágenes finales para el lunes.
Estudio
- Monto el proyecto de Next.js en Vercel.
- Porto los tokens de diseño a Tailwind.
- Construyo el esqueleto de layout y los componentes reutilizables.
- Día 15 · LunConstrucción
Integración de contenido.
Inicio, servicios y contacto reciben su copia e imágenes reales. Formspree conectado al formulario de contacto. Structured data, sitemap, robots.txt enviados en paralelo. El sitio empieza a verse como el sitio.
Tú
- Envía la copia y las imágenes restantes al final del día.
- Confirma el email del receptor del formulario.
Estudio
- Conecto copia e imágenes.
- Cableo Formspree, JSON-LD, sitemap, robots.txt.
- Publico el primer preview URL en Vercel.
- Día 16 · MarConstrucción
QA: accesibilidad, rendimiento, responsive.
Pase de axe DevTools por cada página. Lighthouse en 90+ en toda la línea. Layouts mobile, tablet, desktop verificados en breakpoints reales. Cualquier superficie que falle se arregla antes del review final.
Tú
- Abre el preview URL, dale click por tu teléfono y tu laptop.
- Marca cualquier cosa que se vea mal en cualquier breakpoint.
Estudio
- Corro axe DevTools y un recorrido manual por teclado.
- Arreglo cualquier regresión de Lighthouse.
- Verifico cada layout en 375, 768 y 1440.
- Día 17 · MiéConstrucción
Revisión final del cliente.
Recibes el preview URL en vivo y un día hábil para recorrerlo. Los comentarios entran asincrónicos. El pulido final pasa el jueves. Es la última oportunidad para cambios antes del deploy.
Tú
- Recorre el preview de punta a punta.
- Envía cualquier nota final de pulido.
Estudio
- Atiendo las notas finales de pulido.
- Preparo el deploy a producción.
- Día 19 · VieConstrucción
Deploy. Traspaso de repo y de Vercel.
Deploy a producción en la mañana. El repositorio se transfiere del GitHub del estudio al tuyo. El proyecto de Vercel pasa de la cuenta del estudio a la tuya. Al final del día eres dueño de todo y el estudio no tiene credenciales de administrador.
vercel deploy — tunegocio.com
deploying…Tú
- Acepta la transferencia del repo en GitHub.
- Acepta la transferencia del proyecto en Vercel.
Estudio
- Empujo a producción.
- Transfiero el repo y el proyecto de Vercel.
- Envío el email de lanzamiento con todos los logins y enlaces.
- Día 49 · +30Revisión
Llega la revisión de lanzamiento.
Treinta días después del lanzamiento el estudio corre la revisión de lanzamiento sobre el sitio como está hoy (no como estaba al enviar). Doce a quince hallazgos para Sitio, veinte a veinticinco para Sitio+, ordenados por severidad, con estimados de esfuerzo. Se entrega como PDF y puedes actuar sin otra llamada.
Tú
- Lee el PDF a tu ritmo.
- Elige los dos o tres hallazgos por los que quieres empezar.
Estudio
- Corro los pases Estratégico, UX, Visual y Técnico sobre el sitio enviado.
- Escribo el PDF con severidad y esfuerzo por hallazgo.
- Envío el PDF y quedo disponible para preguntas asincrónicas.
¿Listo para empezar?
Envía el brief de dos párrafos. Respuesta en un día hábil, doc de alcance de vuelta la misma semana.