2025
year
2025
Client
Integra PSI
category
Site one-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.
🇧🇷
Case de landing page no Framer para o SABOR Energético da Mansão Maromba, aproveitando a tendência viral criada pelo Toguro. Uma experiência focada no produto, com narrativa autêntica, interações impactantes e comunicação alinhada ao público da marca.
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.”
Projeto completo
🇧🇷
Aproveitando a tendência que está acontecendo no Brasil com o movimento criado pelo Toguro, desenvolvi um case de landing page impactante no Framer, criada sem código e com animações que destacam o produto e seus diferenciais.
A narrativa da página foi construída a partir dos próprios bordões e falas do Toguro sobre o drink, buscando uma comunicação autêntica e alinhada à linguagem do público.
A experiência é totalmente focada no produto, apresentando e valorizando o Drink da Mansão Maromba, o famoso SABOR Energético.
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.
Hero impactante focada no produto e no meme do “Sabor Energético”.
🇧🇷
Desenvolvida de forma nativa no Framer, com opção de trocar o sabor e visualizar outras variações de sucesso do drink. A troca acontece com uma transição animada e fluida.
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.
Seção de produtos disruptiva e impactante.
🇧🇷
Uma abordagem tradicional não faria sentido para a Mansão Maromba e para o Toguro, conhecidos pelo estilo provocativo e fora do padrão. Por isso, a seção foi desenvolvida com uma proposta visual diferente e mais criativa.
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.
Do meme ao conceito
🇧🇷
Seção desenvolvida para apresentar a proposta do “SABOR Energético”, que viralizou no Brasil a partir do meme criado pelo Toguro.
A narrativa começa com o meme e seus bordões e evolui para explicar o conceito por trás da ideia — um drink sem energético — com dados que mostram os riscos da mistura de álcool com energético. A proposta é transformar o meme em argumento, reforçando o posicionamento do produto a partir da própria linguagem que o Toguro construiu com o público.
A comunicação segue a mesma lógica que ele utiliza com sua audiência: repetição, linguagem direta e foco nos diferenciais reais do produto.
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.
Diferenciais do produto com motion chamativo.
🇧🇷
Uma das seções mais marcantes da página, com animações para destacar os diferenciais do drink — como a tampa maior que dificulta falsificações — além de outras características que o próprio Toguro sempre enfatiza.
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.
Depoimentos em parallax
🇧🇷
Seção fixa com depoimentos em movimento contínuo, com um sutil efeito de parallax na rolagem e ao passar o cursor, criando profundidade visual e mantendo a seção viva durante a navegação. Criada para reforçar a credibilidade do produto através de prova social.
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.
Sobre - Seção de conexão
🇧🇷
Desenvolvida para contar brevemente a trajetória que o Toguro construiu para si e para sua marca. A seção busca criar conexão com o público por meio de sua história de superação e motivação.
Footer
🇺🇸
Bold and direct, with contact options and a site map for quick navigation.
🇧🇷
Chamativo e direto, com opção de contato e árvore do site.
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.
O Processo
🇧🇷
A primeira etapa foi reunir os principais bordões e falas que o Toguro sempre reforça ao falar do drink. A partir de diversos vídeos, identifiquei os diferenciais e argumentos que o próprio dono da marca utiliza para apresentar o produto.
Com esse material, filtrei os pontos mais relevantes e desenvolvi a redação da página de forma real e direta, sem jargões ou comunicação corporativa desnecessária. A ideia foi construir a narrativa na mesma linguagem do público da Mansão Maromba, usando a comunicação que o próprio Toguro já estabeleceu com sua audiência.
Com a estrutura definida, iniciei o wireframe, projetando seções que destacassem os diferenciais do produto de forma impactante — não apenas para mostrar o drink, mas para vendê-lo com clareza e diferenciação. Nessa etapa planejei e defini toda a experiência do usuário, interações e estrutura.
Depois, avancei para o protótipo no Figma, aprofundando os detalhes de UI e refinando a interface.
A página foi então desenvolvida no Framer, sem utilização de código. Com performance, interações e motion fora da curva, a página agrega valor ao drink e destaca seus diferenciais frente à concorrência de forma clara, direta e impactante. A página gera curiosidade e eleva sua percepção e posicionamento.
full website full website
full website full website
