Diseño UX/UI con Fidelidad Técnica: Landing Page de Productos
Este proyecto fue una prueba de concepto enfocada en el diseño y la codificación (coding) de una Landing Page para productos de lubricantes y gasolinas de Repsol. El principal desafío fue demostrar una fidelidad visual y técnica perfecta entre el diseño (Figma) y el código final (HTML/CSS).
ROL Y FOCO: DATOS CLAVE
Rol Clave: Diseñadora Híbrida (UX/UI y Ejecución Técnica). Foco en la consistencia de marca y la funcionalidad del front-end.
Audiencia: Usuarios que buscan información detallada de productos (gasolinas/lubricantes).
Pilar de Valor: Diseño de Producto y Ejecución Técnica (HTML/CSS).
Estrategia UX/UI y Ejecución Técnica
Estructuración y Wireframes: Uso de wireframes para establecer la Arquitectura de la Información (AI) y la jerarquía de los productos.
Branding Corporativo: El diseño visual respetó las guías de marca corporativas de Repsol, usando su paleta de color y tipografía.
Fidelidad al Pixel (Pixel Perfect): El dominio de HTML y CSS fue esencial para asegurar que el responsive design y cada elemento visual fuera idéntico al prototipo de Figma, demostrando mi capacidad de traspaso a desarrollo.
