Homa Living distribuye marcas internacionales de cocinas, mobiliario y electrodomésticos de alta gama en Hermosillo. Su sitio anterior era una página estática con imágenes de banco que no mostraba nada del showroom real. Sintética entregó un sitio editorial con la fotografía profesional de Homa, un universo por categoría, sección de proyectos y contacto directo a WhatsApp, en el dominio de la marca.
Timeline
3
semanas de kickoff a producción
Fotografías propias
30
profesionales, optimizadas y mapeadas
Registros de correo tocados
0
MX, SPF y DKIM idénticos tras el switch
Rutas verificadas al lanzar
13
smoke test + suite móvil en WebKit
Reto
La primera versión del sitio era una landing hecha a mano con fotos de stock: no enseñaba el showroom ni las piezas que Homa realmente vende, y el dominio de la marca seguía sin apuntar a ninguna versión. Para una tienda cuyo argumento es ver y tocar producto, la web tenía que ser una extensión del showroom, no un folleto. Y el lanzamiento no podía interrumpir el correo de la empresa, que vive en el mismo dominio.
Solución
Rediseño completo como showroom digital: 30 fotografías profesionales propias de Homa optimizadas y mapeadas a cada sección, un universo por categoría (electrodomésticos, cocinas, mobiliario) en el orden que prioriza el negocio, índice de marcas con fichas para las firmas destacadas, sección de proyectos y formulario de contacto que abre WhatsApp con el mensaje armado. Sitio en Next.js sin CMS, con animaciones de entrada calibradas para iPhone y una suite de verificación móvil en WebKit que corre en cada cambio.
Resultado
homaliving.mx en producción desde el 14 de septiembre de 2026 con luz verde de las dueñas. El cambio de DNS se hizo con evidencia antes y después: los registros de correo quedaron idénticos y el buzón de la empresa no se interrumpió. Search Console verificada con sitemap enviado, canonical en el dominio de la marca y respaldo de la versión anterior antes de retirarla.
Fase 01 · semana 1
Discovery
Blueprint, brandbook y sistema de logo; catálogos del cliente procesados
Fase 02 · semana 1
Diseño
Arquitectura de showroom digital en HTML; orden de categorías definido con las dueñas
Fase 03 · semana 2
Desarrollo
30 fotos propias integradas, animaciones calibradas en iPhone, suite móvil WebKit
Fase 04 · semana 3 · 14 sep 2026
Entrega
DNS switch con snapshot de correo, Search Console + sitemap, respaldo del sitio anterior
Cada bug que descubrimos en producción se documenta y se convierte en check bloqueante del preflight de Sintética. Estos aprendizajes ya evitan que el próximo cliente los repita.
El menú móvil se veía transparente en iPhone: el drawer era position: fixed dentro de un header sticky con backdrop-blur, y ese ancestro se convierte en containing block. El fondo colapsaba a altura cero. Regla del despacho para todo nav sticky con blur: el drawer vive fuera del header o se posiciona absolute con altura explícita.
Las transiciones entre páginas se sentían como recargas porque todo el above-the-fold montaba desde opacity 0. Ahora cada bloque mide el viewport una sola vez en el primer layout: si está visible, se renderiza estático; si no, revela por scroll. Sin camino de regreso a invisible. Aplica a todos los proyectos con motion.
Chrome de escritorio no mostraba los parpadeos que sí se veían en un iPhone real. Se resolvió con una suite Playwright en WebKit que graba video y compara frames: detecta frames en blanco y doble texto que los computed styles no ven. Quedó como comando permanente del proyecto y corre contra producción después de cada deploy.
El dominio ya operaba el correo de la empresa en Google Workspace. Antes de apuntarlo a Vercel se guardó un dig completo; después del cambio, otro. MX, SPF y DKIM idénticos byte a byte; solo cambiaron las IPs del sitio. Es el mismo runbook que hoy usamos para cualquier cliente con correo en su dominio.
Aunque homaliving.mx quedó como dominio primario, la URL de Vercel seguía sirviendo el sitio como duplicado. Hay que declararla explícitamente como redirect 308 en el proyecto. Y para Search Console, cuando el TXT de verificación existente es de otra cuenta, agregar un segundo TXT es aditivo y seguro.
Si tu proyecto encaja, lo construimos y lo publicamos como este, con tu permiso.