Fiestero Pop
Landing page for a sachet cocktail brand. The project covered everything from full design in Figma — following the brand manual with custom typography and fruit illustrations — to implementation with Astro, complex CSS animations, and a React island for the contact form with EmailJS. The goal: convey a vibrant visual identity that connects with a young audience.
Tech Stack
What I did
- 01
UI/UX Design from Figma
Full interface design from wireframes to implementation, aligned with the brand manual: typography, color palette, and fruit illustrations.
- 02
Complex CSS Animations
Custom animations built with pure CSS for fruit illustrations and brand elements, creating a dynamic and distinctive visual experience.
- 03
Responsive Design
Mobile-first responsive experience ensuring visual consistency across all screen sizes.
- 04
Technical SEO
Optimized metatags, sitemap, and structured data to ensure proper indexing and public visibility in search engines.
- 05
Contact Form with EmailJS
React island with a contact form integrated with EmailJS for direct email delivery without an additional backend.
- 06
WhatsApp Button
WhatsApp shortcut integration requested by the client to enable faster and more direct communication with users.
- 07
Web Visual Identity
Applied brand identity — font, illustrations, and palette — to convey a festive aesthetic that resonates with a young audience.
Screenshots
Responsible for the full design and development, building a web visual identity consistent with the brand. Every decision — from animations to SEO — was aimed at connecting with the target audience and positioning the product.
Other projects
-
Vintage Stock
Fullstack Developer
E-commerce platform for retro and modern entertainment — video games, movies, music, collectibles, and more. Responsible for the full development of the new desktop platform with Next.js, while maintaining the legacy React platform. Both platforms shared a private component library built with Webpack and published to GitLab Package Registry.
Read more -
La Cardio
Front-End Developer
Real-time IoT monitoring system for a medical clinic. Supports patient and device registration, alert threshold parameterization, report generation, and live visualization of patient behavior on the bed, with an automatic alarm system triggered by position risk level.
Read more -
Monitoreo Hídrico
Front-End Developer
Environmental monitoring system for water bodies in the Bolívar department, Colombia. Connects water IoT devices in real time via MQTT and visualizes environmental metrics. Delivered with full technical SEO to ensure public visibility and access.
Read more