Meldê

Uma marca de mel cremoso criada de raiz: o nome em minúsculas com o ê como assinatura, o rótulo, o design system e a landing que valida o lançamento antes da loja.

Ver o site online ↗

Cliente: Meldê
Segmento: Alimentação · mel cremoso
Combo: Identidade visual + Landing page
Ano: 2026

Topo da landing da Meldê: o título “Mel, só que cremoso.” ao lado do frasco e de uma colher a puxar o mel.

Desafio

O mel cremoso é pouco conhecido e, quando aparece, vem vestido de rústico: abelha, favo, papel kraft. A Meldê tinha de parecer um produto de prateleira desejável, próximo do doce de leite no uso e longe da loja de produtos naturais e do suplemento.

O que fizemos

Criámos a identidade de raiz e fizemos da página o rótulo do frasco aberto em plano: fundos branco de rótulo e castanho de tampa, o dourado guardado para o produto e para a ação, fotografia macro da textura e um único fio de mel que atravessa a página do topo até ao pedido final.

Em movimento

Destaques técnicos

Um fio de mel que acompanha a leitura
Desenhado em SVG a partir do layout real, o fio cresce com o scroll: grosso na colher, a afinar com o peso, com rebordo âmbar e uma gota na ponta. Em cada frame só o troço da ponta é redesenhado.
Rótulo aplicado por código
O frasco de referência foi gerado com o rótulo em branco. O rótulo real foi enrolado no vidro por projeção cilíndrica e recortado com máscara própria, num script em Python.
Design system pronto para a loja
Cores, tipografia, espaçamento e movimento em tokens CSS; botões, campos, tabelas e janelas como componentes separados da página. O e-commerce nasce sobre a mesma base.
Leve, sem framework
HTML, CSS e JavaScript puros, sem build: uma única fonte variável alojada no projeto, imagens WebP responsivas e nenhuma dependência externa.
Acessível de raiz
Contraste AA verificado nos pares de texto, seletor de momentos navegável pelo teclado e, com “reduzir movimento” ativo, a página aparece pronta e o fio já desenhado.

StackHTMLCSSJavaScriptSVGPythonVercel

O que mudou

Uma marca pronta para a prateleira e para a loja: logótipo, rótulo, manual de marca, design system documentado e uma landing leve com lista de espera, que mede o interesse antes do e-commerce.