Saltar al contenido
Gataca Sites

GATACA / PÁGINA

Domia Smart Home Landing

Una landing completa para hogar conectado

Domia Smart Home Landing amplía el Hero original hasta convertirlo en una experiencia completa para una marca de automatización doméstica. La portada mantiene la fotografía futurista, la tipografía editorial y la secuencia de cuatro pasos, mientras el resto de la página desarrolla la propuesta de producto de forma coherente y profesional.

La landing incorpora bloques de funciones, ecosistema de dispositivos, automatizaciones diarias, control y privacidad, llamada a la acción final y footer. La dirección visual alterna marfil, verde salvia y carbón para crear ritmo sin romper la identidad del Hero.

El desarrollo prioriza rendimiento: la imagen principal se precarga y funciona como LCP, el contenido restante se resuelve con HTML, CSS y SVG inline, y el JavaScript queda limitado al menú móvil accesible, la navegación activa y los revelados de entrada. No utiliza frameworks ni librerías visuales innecesarias.

GATACA / PÁGINA

Domia Smart Home HERO

Domótica con una estética cálida y editorial

Domia Smart Home HERO adapta una composición de hogar conectado a una experiencia completamente en español. La imagen principal ocupa el fondo completo del Hero y funciona como elemento visual prioritario, dejando la zona izquierda preparada para el titular, la prueba social, el CTA y una secuencia de cuatro pasos.

La dirección tipográfica combina Playfair Display para el titular con Plus Jakarta Sans para navegación, texto e interfaz. La cabecera mantiene una navegación ligera con separadores y acciones mínimas, mientras las tarjetas inferiores explican de forma visual el proceso de puesta en marcha del sistema doméstico.

El código prioriza rendimiento y Core Web Vitals: la imagen se precarga y se renderiza como un elemento img real con prioridad alta, el JavaScript se limita al menú móvil accesible y las microinteracciones se reducen automáticamente con prefers-reduced-motion.