Believe Hair
Diseño web · UI Design · UX / Arquitectura de información
Introducción
Contexto y Desafío
Una experiencia digital para una marca de cuidado capilar
Believe Hair es una marca de cuidado capilar que presenta distintas soluciones para las necesidades del cabello, organizadas en líneas de productos especializadas.
El proyecto consistió en diseñar e implementar su sitio web, construyendo una experiencia digital que comunicara la identidad de la marca, organizara su oferta de productos y facilitara el acceso a la información y a los canales de compra.
Mi participación abarcó todo el proceso de creación del sitio: desde la definición de su estructura y distribución de contenidos hasta el diseño de la interfaz y su implementación.
El objetivo fue construir una experiencia web coherente con la identidad de Believe Hair, combinando comunicación visual, organización de información y funcionalidad.
Ux / estrategia
Problema y Necesidades
1. Descubre la marca
Llega al sitio desde redes sociales, una búsqueda o una recomendación.
2. Comprende la propuesta
Explora la marca, sus valores y su oferta de cuidado capilar.
3. Identifica una línea
Busca la alternativa que parece responder a su necesidad capilar.
4. Explora los productos
Revisa beneficios, características y modo de uso.
5. Encuentra dónde comprar
Accede a un distribuidor externo, como Cruz Verde o Maicao.
Comprender al público y facilitar el descubrimiento de productos
El proyecto surgió de la necesidad de introducir Believe Hair en el mercado chileno, acercando la propuesta de una marca internacional de cuidado capilar a nuevas consumidoras.
El público objetivo se definió en torno a mujeres jóvenes interesadas en el maquillaje, las tendencias de belleza y el cuidado personal. Dentro de este perfil, el cuidado capilar representa una extensión de su rutina de belleza: no solo buscan mantener su cabello saludable, sino también encontrar productos que respondan a sus necesidades y les permitan expresar su estilo personal.
A partir de este contexto, el sitio debía cumplir una función informativa y comercial: presentar la marca, explicar sus líneas de productos y facilitar el acceso a los puntos de venta disponibles en Chile.
La estrategia de diseño se centró en organizar los contenidos para que las usuarias pudieran comprender la propuesta de Believe Hair, explorar las distintas soluciones capilares e identificar dónde adquirir los productos.
Criterios de diseño:
Comunicar la identidad y la propuesta de valor de la marca.
Facilitar la exploración de las distintas líneas de cuidado capilar.
Presentar los beneficios y características de los productos de manera clara.
Conectar el descubrimiento de productos con los canales de compra disponibles en Chile.
Considerar la navegación móvil como parte importante de la experiencia digital.
El perfil del público se utilizó como referencia para orientar el diseño.
Proceso
Exploración y Decisiones
De la identidad de marca a una estructura digital
Con la estructura del sitio como punto de partida, desarrollé la distribución de sus contenidos y definí cómo debía presentarse la información en cada sección.
El proceso conectó tres dimensiones del proyecto: la organización de la información, la construcción de una identidad visual consistente y la implementación de una experiencia funcional en la web.
A partir de estas definiciones, trabajé en la composición de las páginas, la jerarquía de los elementos visuales y la presentación de los productos, buscando mantener la coherencia entre las distintas secciones.
La implementación permitió llevar estas decisiones a un sitio real, integrando el diseño visual con su funcionamiento y adaptación a distintos dispositivos.
Maqueta inicial hecha con ia
Ui Design
Diseño de Interfaz
Un sistema visual coherente con la propuesta de Believe Hair
El diseño de interfaz buscó traducir la identidad de Believe Hair a una experiencia digital consistente, equilibrando la presentación visual de la marca con la claridad de sus contenidos.
La composición de las secciones, la jerarquía tipográfica y la presentación de los productos contribuyen a diferenciar los contenidos y a mantener una experiencia visual coherente a lo largo del sitio.
Además del diseño visual, la implementación contempló la adaptación de la interfaz a distintos tamaños de pantalla, permitiendo acceder al contenido desde dispositivos de escritorio y móviles.
#D6006E
#2F7D63
#E8602C
#191919
JOST: Títulos
Figtree: Textos y Énfasis
Versión Responsive
Validación
Resultados
Del diseño a una experiencia web real
El proyecto culminó con la publicación de Believe Hair, llevando el diseño desde su definición estructural y visual hasta una experiencia web funcional.
La publicación confirma que el sitio fue implementado y está disponible para sus usuarios. Sin embargo, para evaluar la efectividad de las decisiones de UX/UI sería necesario contar con información adicional sobre el comportamiento de los visitantes y su interacción con los contenidos.
Como siguientes pasos, propondría evaluar la facilidad con la que los usuarios identifican las líneas de productos, comprenden sus diferencias y encuentran los accesos a los canales de compra.