// BEAUTY COLOR

Sitio y ecommerce para quien cuida cabellos crespos, rizados y ondulados, con quiz de rutina, vitrina y fichas de producto en la voz de la marca.

  • UI | UX Design
  • Ecommerce

Desafío

Beauty Color habla con quien busca la fórmula correcta para su propio cabello. El sitio anterior apilaba catálogo. Faltaba el camino: descubrir el tipo, entender free from, llegar al producto sin perderse.

Solución

Diseñamos home, sobre, listado e interna de productos, quiz de recomendación y FAQ. La paleta violeta, magenta y amarillo sostiene la marca; la grilla de productos y el quiz guían la compra.

// CÓMO LO HICIMOS

Cabello texturizado en el centro. El sitio acompaña.

Partimos de SoulPower y de la línea Beauty Color: tipografía audaz, ondas gráficas y una paleta que no pide disculpas. Cada pantalla tiene un trabajo: la home vende la marca, los productos venden la línea, el quiz reduce la duda.

// SOBRE

Para crespos, rizados y ondulados.

Beauty Color posiciona cuidado y fórmula limpia. El sitio debe parecer el producto: color, textura y confianza. Sobre sostiene la historia; la home ya entrega la línea.

Página Sobre Beauty Color

// HOME

La home vende la marca en pliegues.

Hero, productos en carrusel, quiz, influencers, free from, blog y social. Cada bloque tiene una salida: ver línea, hacer el quiz, seguir en Instagram.

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

// PRODUCTOS

La lista de productos es el pliegue que anima.

Filtros, cards y CTAs en una grilla larga. En el case, la pantalla entra y el pliegue sube con el scroll. El catálogo se vuelve narrativa, no solo grilla estática.

  • Hero de productos con tono de marca
  • Grilla con imagen, nombre, precio y comprar
  • Banner de compra al final de la lista
  • Interna con galería y free from
Hero da lista de produtos Beauty Color
Lista de produtos Beauty Color
Lista de produtos Beauty Color no mobile

// PRODUCTO INTERNO

Página interna de produto Beauty Color

// QUIZ

Quiz: la duda se vuelve recomendación.

Tres preguntas, loading y resultado. La persona sale con kit sugerido y camino claro a la tienda.

Quiz Beauty Color, tela inicial
Resultado do quiz Beauty Color

// FREE FROM

Selo free from Beauty Color

// SISTEMA

Violeta, magenta y amarillo.

El fondo oscuro de la marca, el CTA magenta y el amarillo de apoyo cargan SoulPower. El crema sostiene los pliegues de producto y lectura.

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

Display audaz, texto limpio.

Títulos anchos en la voz de la marca. Sans legible para precio, filtro y formulario.

La fórmula correcta empieza por entender el cabello.

// EQUIPO

  • Equipo Matilha · UI/UX