Videos en cada página.
Carga en menos de un segundo.
Sip llegó con el diseño resuelto al 100% y un pedido técnico muy preciso: el sitio tenía que cargar en menos de un segundo. El problema era que cada sección del sitio abría con un video en el hero, uno de los elementos más pesados en desarrollo web.
A eso se sumaba un nivel de exigencia en la implementación fuera de lo común: el cliente requería que cada píxel del diseño se respetara con exactitud. Sin margen para la interpretación.
Vista desktop — Home
EL OBJETIVO
"El diseño tenía que hacer que el cliente
sintiera el campo antes de ver el precio."
LA SOLUCIÓN
Velocidad y fidelidad al diseño, sin resignar ninguna de las dos.
Desarrollamos el sitio completo sobre el diseño entregado por el cliente, priorizando desde el primer día la optimización de carga. Cada video fue tratado para que no bloqueara el render de la página, y cada sección fue construida con la precisión que el cliente requería.
Desarrollo completo en WordPress sobre diseño cerrado del cliente.
Optimización de videos en hero: Compresión para mantener la carga bajo 1s.
Implementación pixel-perfect validada contra el diseño original
Sistema de gestión de ubicaciones, el cliente carga y sus puntos de venta.
Optimización de performance: imágenes en WebP, CSS inline, scripts diferidos
Sitio con múltiples videos que cumple el objetivo de velocidad
Detalles de diseño
Hero — copy + CTA principal
Suma sip — Nuevos partners
Historia de la marca — Granos de origen
ubicaciones — Listado de ubicaciones
Footer — contacto + redes
UI KIT DEL PROYECTO
Los elementos que construyen
la identidad digital
Paleta de color, tipografía y componentes clave del sistema de diseño.
PALETA DE COLOR
#CBB15B
#202020
#292929
#333333
#858585
#FFFFFF
TIPOGRAFÍA
Alexandria
Bold
Montserrat
Regular
SemiBold
SIGUIENTE PASO
¿Querés que tu próximo
proyecto sea así?
Contanos de qué se trata. En menos de 24 horas te respondemos con un enfoque claro y un presupuesto estimado.