// BEAUTY COLOR

Site e ecommerce para quem cuida de cabelos crespos, cacheados e ondulados, com quiz de rotina, vitrine e páginas de produto na voz da marca.

  • UI | UX Design
  • Ecommerce

Desafio

A Beauty Color fala com quem busca fórmula certa para o próprio cabelo. O site antigo empilhava catálogo. Faltava caminho: descobrir o tipo, entender free from, chegar no produto sem se perder.

Solução

Desenhamos home, sobre, lista e interna de produtos, quiz de recomendação e FAQ. A paleta violeta, magenta e amarelo carrega a marca; a grade de produtos e o quiz guiam a compra.

// COMO FIZEMOS

Cabelo texturizado no centro. O site acompanha.

Partimos da SoulPower e da linha Beauty Color: tipografia ousada, ondas gráficas e uma paleta que não pede desculpa. Cada tela tem um trabalho: home vende a marca, produtos vendem a linha, quiz reduz dúvida.

// SOBRE

Para crespos, cacheados e ondulados.

A Beauty Color posiciona cuidado e fórmula limpa. O site precisa parecer o produto: cor, textura e confiança. A página Sobre sustenta a história; a home já entrega a linha.

Página Sobre Beauty Color

// HOME

A home vende a marca em dobras.

Hero, produtos em carrossel, quiz, influenciadoras, free from, blog e social. Cada bloco tem uma saída: ver linha, fazer o quiz, seguir no Instagram.

Homepage Beauty Color, scroll completo
Dobra de produtos na home Beauty Color
Influenciadoras Beauty Color

// PRODUTOS

A lista de produtos é a dobra que anima.

Filtros, cards e CTAs numa grade longa. No case, a tela entra e a dobra sobe com o scroll. O catálogo vira narrativa, não só grade estática.

  • Hero de produtos com tom da marca
  • Grade com imagem, nome, preço e comprar
  • Banner de compra no fim da lista
  • Interna com galeria e free from
Hero da lista de produtos Beauty Color
Lista de produtos Beauty Color
Lista de produtos Beauty Color no mobile

// PRODUTO INTERNO

Página interna de produto Beauty Color

// QUIZ

Quiz: dúvida vira recomendação.

Três perguntas, loading e resultado. O usuário sai com kit sugerido e caminho claro para a loja, no mesmo espírito do Descubra seu plano, no território de cabelo.

Quiz Beauty Color, tela inicial
Resultado do quiz Beauty Color

// FREE FROM

Selo free from Beauty Color

// SISTEMA

Violeta, magenta e amarelo.

O fundo escuro da marca, o CTA magenta e o amarelo de apoio carregam SoulPower. O creme segura as dobras de produto e leitura.

Violeta#5C2D91
Magenta#E91E8C
Amarelo#F5C518
Creme#FBF6F0
Ink#1A0F2E

Display ousado, texto limpo.

Títulos largos e curvos na voz da marca. Interface em sans legível para preço, filtro e formulário.

A fórmula certa começa em entender o cabelo.

// EQUIPE

  • Equipe Matilha · UI/UX