Sabor energético

Landing page dinâmica de produto

Cliente

Mansão Maromba Case

Serviço

Landing page | FRAMER

Preview Site

O projeto

Landing page criada em Framer para a bebida "SABOR Energético" da Mansão Maromba, baseada no meme viral criado pelo influenciador brasileiro Toguro para promover o produto. Uma experiência focada no produto usando a linguagem do próprio criador, com interações dinâmicas que destacam os principais diferenciais da bebida.

O desafio

Aproveitando a tendência que ganhava força no Brasil por meio do movimento criado pelo Toguro, desenvolvi uma landing page impactante em Framer, construída sem código e com animações que destacam o produto e seus principais diferenciais.

A narrativa da página foi construída a partir dos próprios bordões e declarações do Toguro sobre a bebida, buscando uma comunicação autêntica e alinhada à linguagem do público.

A experiência é totalmente focada no produto, apresentando e valorizando a bebida da Mansão Maromba — o famoso "SABOR Energético".

Melhores
Higlights

Hero focado no produto e no meme "SABOR Energético".

Construído nativamente em Framer com opção de trocar os sabores e visualizar outras variações populares da bebida. A troca de sabor acontece por meio de uma transição animada suave.

Seção de produto disruptiva.

Um layout convencional de produto não combinaria com a Mansão Maromba ou com o Toguro, conhecidos pelo estilo ousado e não convencional. Por isso, essa seção foi criada com uma abordagem visual mais criativa e inesperada.

Do Meme ao Conceito

A narrativa começa com o meme e seus bordões, depois evolui para explicar a ideia central por trás da bebida — uma bebida alcoólica com sabor de energético, mas sem energético — apoiada por informações sobre os riscos de misturar álcool com energético. O objetivo é transformar o meme em um argumento persuasivo, reforçando o posicionamento do produto com a mesma linguagem que o Toguro construiu com seu público. A comunicação segue a mesma abordagem que ele usa com sua comunidade: repetição, linguagem direta e ênfase nos diferenciais reais do produto.

Destaques do produto com motion dinâmico.

Uma das seções mais marcantes da página, usando animações para enfatizar os principais diferenciais da bebida — como a tampa maior projetada para dificultar a falsificação — além de outras características que o Toguro frequentemente destaca.

Depoimentos com parallax

Uma seção de depoimentos fixada com movimento contínuo, com efeito de paralaxe sutil no scroll e no hover. Isso cria profundidade visual e mantém a seção dinâmica durante a navegação, ao mesmo tempo em que reforça a credibilidade do produto por meio de prova social.

Sobre — Seção de Conexão

Criada para apresentar brevemente a trajetória do Toguro e a história por trás da sua marca. A seção tem como objetivo criar uma conexão com o público por meio da sua história de perseverança e motivação.

Rodapé

Ousado e direto, com opções de contato e mapa do site para navegação rápida.

O processo

O primeiro passo foi reunir os principais bordões e mensagens que o Toguro usa consistentemente ao falar sobre a bebida. Analisando vários vídeos, identifiquei os argumentos centrais e diferenciais que o próprio dono da marca usa para apresentar o produto.

Com esse material, filtrei os pontos mais relevantes e desenvolvi o copy da página em um tom real e direto, evitando jargões corporativos desnecessários. O objetivo era construir a narrativa usando a mesma linguagem que o Toguro já estabeleceu com seu público.

Com a estrutura definida, comecei o wireframe, desenhando seções que destacassem os diferenciais do produto de forma impactante — não apenas para apresentar a bebida, mas para vendê-la com clareza e distinção. Nessa etapa, defini toda a experiência do usuário, as interações e a estrutura da página.

Em seguida, passei para o protótipo no Figma, refinando detalhes de UI e a interface visual.

A página foi desenvolvida em Framer, sem escrever código. Com alta performance, interações dinâmicas e motion, a experiência agrega valor ao produto e destaca suas vantagens em relação aos concorrentes de forma clara e impactante — gerando curiosidade e elevando a percepção e o posicionamento do produto.