Todos os projetosProjeto 01 / 04 · Sites

Mamute Energy

Conceito de site para uma marca de energético

Seção do sabor Tropical, com a lata cercada de frutas

Sobre: Proposta de site para a Mamute Energy Drink: lata em 3D que acompanha a rolagem, um tema de cor para cada sabor e páginas próprias para Original, Tropical, Melancia e Maçã Verde.
Papel: Design e desenvolvimento
Stack: HTML
CSS
JavaScript
Three.js
GitHub Pages
Ano: 2026
Links: Ver no ar (abre em nova aba)Ver no GitHub (abre em nova aba)

/01Problema

Energético se escolhe na prateleira, em segundos. O desafio era levar essa mesma energia para a web: um site com cara de campanha, que apresentasse cada sabor e ainda ajudasse quem procura onde comprar.

/Experimente

Use o projeto agora

Trechos reais do repositório no GitHub, com o que cada arquivo faz. Use a chave para alternar entre a demo e o código.

Ver no GitHub

1280 × 760Abrir em nova aba

pcconduru.github.io/mamute-energy-conceito/

/02Processo

01
Um tema por sabor
Cada sabor virou um tema completo — cores, partículas e frase de efeito — trocado por um único atributo (data-flavor) no CSS.
02
Lata em 3D
A lata é renderizada em 3D e reage à rolagem. No celular, a versão foi refeita mais leve e arejada para carregar rápido.
03
SEO de verdade
Uma página por sabor, cada uma com Open Graph próprio, além de sitemap e dados estruturados (JSON-LD) — tudo estático, no GitHub Pages.

/03Solução

Um site sem framework, que conta a história da marca em capítulos: o hero com a lata em 3D, os sabores, o que tem na fórmula, os formatos e onde o bando se encontra.

/05Resultados

sabores, cada um com tema próprio

páginas publicadas e indexáveis

formatos apresentados (269 ml a 2 L)

3 dias

do primeiro commit à versão mobile

/06Galeria

Clique para ampliar