Ember & Iron
Web de alto impacto visual para restaurante asador premium, con vídeo de fondo optimizado y flujo profesional Figma → desarrollo.
El reto
Impacto visual sin sacrificar rendimiento
Desarrollar una web de alto impacto visual para un asador de carne premium ficticio, priorizando la experiencia inmersiva y la conversión, sin sacrificar el rendimiento pese al uso intensivo de vídeo e imágenes.
Lo que hice
Primer proyecto con flujo profesional Figma → WordPress
Flujo de trabajo aplicado: Primer proyecto donde diseñé la maqueta completa en Figma antes de abrir WordPress — aplicando un proceso profesional real de diseño previo al desarrollo.
Desarrollé la web con WordPress + Kadence con tema hijo, construyendo la mayor parte con widgets HTML personalizados generados y depurados con Cursor Agent e IA.
Optimización de medios fuera de WordPress: vídeos procesados con Handbrake e imágenes convertidas a AVIF con XnConvert. Animaciones CSS con Blocks Animation. Formulario sin plugins integrado con Formspree. Copias de seguridad con WP Vivid Backup.
Resultado
Experiencia premium con medios optimizados
Web con vídeo de fondo optimizado manteniendo más de 80 puntos en PageSpeed móvil — un resultado sólido considerando el uso intensivo de vídeo e imágenes de alta calidad. Flujo completo Figma → desarrollo aplicado por primera vez.
Stack tecnológico
¿Quieres ver el proyecto en vivo?
Visita la web completa o contáctame para hablar sobre tu proyecto.
Ver proyecto en vivo ← Volver