Honey BeEstudo de direção · Landing page

Honey Be — 3 direções
de landing

Três caminhos visuais para a próxima landing da Honey Be, mostrados em versão desktop e mobile lado a lado. Todos partem do mesmo sistema de marca — fundo branco, texto grafite, botão preto com bordas assimétricas e tipografia condensada — e se diferenciam em ritmo, hierarquia e emoção.

Direção 01

Editorial Fashion

Quando usar: Lançamento / Grupo VIP

Fotografia protagonista em grande escala, composição de campanha de moda, respiro generoso e tipografia condensada forte. Blocos assimétricos, sobreposição elegante de texto sobre imagem e um formulário inline minimalista. Sensação de revista impressa.

Desktop
honeybe.com.br
Editorial Honey Be
Honey BeColeção • 2026
Editorial · Lançamento

A força
do movimento
feminino

Manifesto

Roupa que veste
a mulher em ação.

Peças pensadas para acompanhar o corpo em movimento — do treino ao dia. Modelagem, caimento e tecidos escolhidos para durar.

Grupo VIP

Primeiro acesso
à nova coleção.

Entre para o grupo e receba o lançamento antes de todo mundo.

Mobile
Editorial Honey Be
Honey BeColeção • 2026
Editorial · Lançamento

A força
do movimento
feminino

Manifesto

Roupa que veste
a mulher em ação.

Peças pensadas para acompanhar o corpo em movimento — do treino ao dia. Modelagem, caimento e tecidos escolhidos para durar.

Grupo VIP

Primeiro acesso
à nova coleção.

Entre para o grupo e receba o lançamento antes de todo mundo.

Botão
Tipografia
Roboto Condensed 600
Corpo 400 · Títulos 600
Espaçamento
8 · 16 · 32 · 64
Micro-interações
  • Fade-in on scroll
  • Overlay de texto sobre imagem
  • Blocos assimétricos
  • CTA com micro-realce ao hover
Direção 02

Performance Premium

Quando usar: Grupo VIP / Black Friday

Hero de alto impacto com o formulário integrado ao topo, hierarquia comercial nítida, linha de 4 benefícios e CTA proeminente. Elemento discreto de contagem sem preço nem desconto. Foco em conversão sem perder o tom premium.

Desktop
honeybe.com.br
Honey Be
Grupo VIP · Acesso antecipado

Entre antes.
Treine melhor.

Cadastre-se para receber o lançamento com prioridade absoluta.

02
dias
14
horas
37
min
09
seg
Por que Honey Be
Modelagem
Corte que valoriza e sustenta.
Tecido
Compressão inteligente e respirável.
Durabilidade
Feita para o treino de verdade.
Estilo
Do treino ao dia com atitude.

Vagas limitadas
para o grupo VIP.

Mobile
Honey Be
Grupo VIP · Acesso antecipado

Entre antes.
Treine melhor.

Cadastre-se para receber o lançamento com prioridade absoluta.

02
dias
14
horas
37
min
09
seg
Por que Honey Be
Modelagem
Corte que valoriza e sustenta.
Tecido
Compressão inteligente e respirável.
Durabilidade
Feita para o treino de verdade.
Estilo
Do treino ao dia com atitude.

Vagas limitadas
para o grupo VIP.

Botão
Tipografia
Roboto Condensed 600
Corpo 400 · Títulos 600
Espaçamento
8 · 16 · 32 · 64
Micro-interações
  • CTA com micro-interação
  • Contador discreto (sem preço)
  • Linha de benefícios em grid
  • Fade-in on scroll
Direção 03

Fashion Campaign

Quando usar: Black Friday / Lançamento / Atacado

Página-campanha com ritmo dinâmico: blocos alternados de imagem, texto, vídeo e GIF, mosaicos editoriais e micro-interações discretas. Zoom sutil na imagem ao passar o mouse e troca de imagem em hover. Feito para contar uma história visual.

Desktop
honeybe.com.br
Honey Be

Campanha
26

Rolar para descobrir ↓
Capítulo 01

Movimento é
identidade.

Peças criadas para viver o corpo em ação, com estética editorial e ajuste real.

▶ Vídeo · Look 03
Capítulo 02

Cores, texturas
e caimento.

Uma leitura editorial das novas peças — da paleta ao detalhe da costura. Zoom discreto ao passar o mouse revela os acabamentos.

Ver campanha
Loop · 8s
Movimento em loop
Mobile
Honey Be

Campanha
26

Rolar para descobrir ↓
Capítulo 01

Movimento é
identidade.

Peças criadas para viver o corpo em ação, com estética editorial e ajuste real.

▶ Vídeo · Look 03
Capítulo 02

Cores, texturas
e caimento.

Uma leitura editorial das novas peças — da paleta ao detalhe da costura. Zoom discreto ao passar o mouse revela os acabamentos.

Ver campanha
Loop · 8s
Movimento em loop
Botão
Tipografia
Roboto Condensed 600
Corpo 400 · Títulos 600
Espaçamento
8 · 16 · 32 · 64
Micro-interações
  • Zoom discreto ao hover
  • Image swap em hover
  • Blocos alternados img/texto/vídeo
  • Loop de vídeo/GIF sutil