Fiestero Pop
Landing page para una marca de cócteles en sachet. El proyecto abarcó desde el diseño completo en Figma —siguiendo el manual de marca con tipografía e ilustraciones de frutas— hasta la implementación con Astro, animaciones CSS complejas y una isla React para el formulario de contacto con EmailJS. El objetivo: transmitir una identidad visual vibrante que conecte con un público joven.
Tecnologías
Lo que hice
- 01
Diseño UI/UX desde Figma
Diseño completo de la interfaz desde wireframes hasta implementación, alineado con el manual de marca: tipografía, paleta de colores e ilustraciones de frutas.
- 02
Animaciones CSS Complejas
Animaciones personalizadas con CSS puro para ilustraciones de frutas y elementos de marca, creando una experiencia visual dinámica y diferenciadora.
- 03
Diseño Responsive
Experiencia adaptada a todos los dispositivos con enfoque mobile-first, garantizando coherencia visual en cualquier pantalla.
- 04
SEO Técnico
Metatags optimizados, sitemap y datos estructurados para garantizar visibilidad e indexación en buscadores.
- 05
Formulario con EmailJS
Isla React con formulario de contacto integrado a EmailJS para envío directo sin necesidad de backend adicional.
- 06
Botón WhatsApp
Integración de acceso directo a WhatsApp por petición del cliente para una comunicación más inmediata con el usuario.
- 07
Identidad Visual Web
Aplicación de la identidad de marca — fuente, ilustraciones y paleta — para comunicar una estética festiva que atrae al público joven.
Capturas
Responsable del diseño y desarrollo completo, construyendo una identidad visual web coherente con la marca. Cada decisión —desde las animaciones hasta el SEO— estuvo orientada a conectar con el público objetivo y posicionar el producto.
Otros proyectos
-
Vintage Stock
Desarrollador Fullstack
Plataforma e-commerce de entretenimiento retro y moderno — videojuegos, películas, música, coleccionables y más. Responsable del desarrollo completo de la nueva plataforma desktop con Next.js, mientras se daba mantenimiento a la plataforma anterior en React. Ambas plataformas compartían una librería de componentes privada desarrollada con Webpack y publicada en GitLab Package Registry.
Leer más -
La Cardio
Desarrollador Front-End
Sistema de monitoreo IoT en tiempo real para una clínica médica. Permite registrar pacientes y dispositivos, parametrizar umbrales de alerta, generar reportes y visualizar en tiempo real el comportamiento del paciente en camilla, con un sistema de alarmas automáticas según el nivel de peligrosidad de su posición.
Leer más -
Monitoreo Hídrico
Desarrollador Front-End
Sistema de monitoreo ambiental de cuerpos de agua en el departamento de Bolívar, Colombia. Conecta dispositivos hídricos IoT en tiempo real vía MQTT y visualiza métricas ambientales. Entregado con SEO técnico completo para garantizar visibilidad y acceso público al proyecto.
Leer más