2026
Landing page
Motion
Framer
Sabor energético
Dynamic product landing page
Client
Mansão Maromba's Case
Service
Landing page | FRAMER
The project
Landing page built in Framer for Mansão Maromba’s “SABOR Energético” drink, based on the viral meme created by Brazilian influencer Toguro to promote the product. A product-focused experience using the creator’s own language, with dynamic interactions that highlight the drink’s key differentiators.
Full project
Taking advantage of the trend gaining traction in Brazil through the movement created by Toguro, I developed an impactful landing page case in Framer, built without code and featuring animations that highlight the product and its key differentiators.
The page narrative was built from Toguro’s own catchphrases and statements about the drink, aiming for authentic communication aligned with the audience’s language.
The experience is fully product-focused, presenting and elevating Mansão Maromba’s drink — the well-known “SABOR Energético.”
Best
Higlights
Hero focused on the product and the “SABOR Energético” meme.
Built natively in Framer with the option to switch flavors and preview other popular variations of the drink. The flavor change happens through a smooth animated transition.
Disruptive product section.
A conventional product layout wouldn’t match Mansão Maromba or Toguro, known for their bold and unconventional style. For that reason, this section was designed with a more creative and unexpected visual approach.
From Meme to Concept
This section presents the concept behind “SABOR Energético,” a meme that went viral in Brazil through Toguro.
The narrative starts with the meme and its catchphrases, then evolves into explaining the core idea behind the drink — an alcoholic beverage without energy drink — supported by information about the risks of mixing alcohol with energy drinks.
The goal is to transform the meme into a persuasive argument, reinforcing the product’s positioning using the same language Toguro built with his audience. The communication follows the same approach he uses with his community: repetition, direct language, and emphasis on the product’s real differentiators.
Product highlights with dynamic motion.
One of the most striking sections of the page, using animations to emphasize the drink’s key differentiators — such as the larger cap designed to make counterfeiting more difficult — along with other features Toguro frequently highlights.
Parallax testimonials
A fixed testimonial section with continuous movement, featuring a subtle parallax effect on scroll and hover. This creates visual depth and keeps the section dynamic during navigation while reinforcing product credibility through social proof.
About — Connection section
Designed to briefly present Toguro’s journey and the story behind his brand. The section aims to create a connection with the audience through his story of perseverance and motivation.
Footer
Bold and direct, with contact options and a site map for quick navigation.
The process
The first step was gathering the main catchphrases and messages Toguro consistently uses when talking about the drink. By analyzing several videos, I identified the key arguments and differentiators the brand owner himself uses to present the product.
From this material, I filtered the most relevant points and developed the page copy in a real and direct tone, avoiding unnecessary corporate jargon. The goal was to build the narrative using the same language Toguro already established with his audience.
With the structure defined, I began the wireframe, designing sections that would highlight the product’s differentiators in an impactful way — not just to present the drink, but to sell it with clarity and distinction. At this stage, I defined the full user experience, interactions, and page structure.
Next, I moved to the Figma prototype, refining UI details and visual interface.
The page was then developed in Framer, without writing code. With strong performance, dynamic interactions, and motion, the experience adds value to the product and highlights its advantages over competitors in a clear and impactful way — generating curiosity and elevating the product’s perception and positioning.
Full
Website
