The Bacardi family of spirits is a globally recognized collection. I've had the privilege of working with a diverse range of brands within this portfolio. These brands emphasize both the product itself and various recipes. The primary Key Performance Indicator (KPI) was to encourage consideration and purchase. Through interaction, we generate intrigue, and with clear click-throughs and recipes, we provide users with everything they need to try Bacardi brands.
Bacardi
St Germain - Drag & Drop
Utilizing the provided recipes and cocktail images, our aim was to create content that highlights the versatility of St. Germain, complete with full recipes. We incorporated colors from the St. Germain website to seamlessly integrate the ads with the brand, ensuring brand continuity.
St Germain - Swipe Carousel
One of St. Germain's standout assets was a 6-second animation detailing the step-by-step process of crafting a single drink. Loving the video, we envisioned transforming it into a display unit. We meticulously crafted images for each step, complemented by a bonus GIF showcasing a single step. This approach, while simple, focuses on St. Germain's distinctive style and design.
Angel’s Envy - Swipe Carousel
This unit was a challenge. The client loved the idea of swipe carousel, that would showcase drinks. Initially, we attempted to integrate recipes on one side, but the layout appeared cluttered. Leveraging HTML and CSS, we devised spin cards, allowing us to present simple visuals with detailed insights. Additionally, we implemented a feature where the last three cards are randomized upon each ad load. This ensured equal prioritization of all drinks, matching the client's preferences.
Bacardi Collection - Carousel
For this ad, simplicity was key. Building upon our existing carousel unit, I conceived the idea of displaying all five brand logos while highlighting the current brand on screen. Though seemingly straightforward, achieving this effect required meticulous CSS and HTML adjustments to ensure seamless opacity transitions, regardless of carousel speed or direction.
