El reto
Crear un diseño atractivo, juvenil y limpio con recursos limitados, a la altura de la competencia, que atrajera a nuevos usuarios, influencers, inversores y socios.
Proceso de diseño
Seguí un proceso centrado en el usuario, de la investigación al prototipo validado.
Empatizar
- Investigación
- Análisis de competencia
- Personas
Definir
- Solución
- MVP
Idear
- User flow
- Wireframe
Prototipar
- Branding
- Prototipo en alta
Testear
- User testing
- Conclusiones
Análisis competitivo
Analicé las webs de tres marcas de referencia, The Ordinary, La Roche-Posay y Kiehl's, para identificar qué funcionalidades espera encontrar el usuario en una tienda de cosmética.
- Banner con productos
- Galería de imágenes del producto
- Carrito de compras
- Recomendaciones y reseñas
- Registro y cuenta personal
- Sección “acerca de ellos”
- Newsletter
- Localizador de tiendas
- Preguntas frecuentes
- Bolsa de empleo
- Perfiles sociales
- Banner con productos
- Banner promocional
- Carrito de compras
- Recomendaciones y reseñas
- Registro y cuenta personal
- Sección “acerca de ellos”
- Newsletter
- Localizador de tiendas
- Preguntas frecuentes
- Vídeos con productos
- Perfiles sociales
- Interfaz limpia
- Banner con productos
- Banner promocional
- Carrito de compras
- Recomendaciones y reseñas
- Registro y cuenta personal
- Sección “acerca de ellos”
- Newsletter
- Localizador de tiendas
- Preguntas frecuentes
- Sección “Diagnóstico virtual”
- Perfiles sociales
- En contra: Interfaz con mucha información, elementos y colores
User persona
María Morales
- Edad
- 28 años
- Ubicación
- Madrid, España
- Estado civil
- Soltera
- Estudios
- Lengua y Literatura
- Profesión
- Profesora de idiomas
- Ingresos
- 24.000 € brutos al año
Enseña inglés y francés en una escuela de idiomas. Cuida su piel con una rutina de skincare y comparte en redes sociales los productos que va descubriendo.
Motivación
Considera el cuidado de su piel una parte importante de su salud y bienestar.Necesidades
Productos de calidad, eficaces para mantener la piel sana y seguros de usar.Miedos
Usar mal un producto y sufrir daños permanentes, como manchas o irritaciones.
¿Cómo compra María sus productos de belleza?
Antes de comprar, investiga: lee reseñas en línea, revisa los ingredientes y valora las necesidades de su piel. También sigue a bloggers y expertos para obtener recomendaciones.
La solución
Una estética fresca y juvenil
Creé un nuevo logotipo y diseñé envases que reflejan la identidad de la marca.Una web que vende
Banners llamativos, recomendaciones de aceites según el tipo de piel y carrito de compra.Un MVP para aprender rápido
Lanzar cuanto antes con las funciones mínimas para atraer a los primeros usuarios y validar mejoras con el menor esfuerzo.
- Banner con producto
- Banner promocional
- Carrito de compras
- Blog
- Perfiles sociales
- Sección «Nosotros»
- Interfaz limpia
Branding
El logotipo combina dos palabras en una tipografía elegante y natural, dividida en dos líneas para lograr equilibrio visual y rematada con un punto final.
Colores
- Pantone 2268 C
C49 M0 Y65 K100 · R121 G217 B124 - Pantone Neutral Black C
C10 M0 Y0 K100 · R0 G0 B0
Tipografía
- Títulos
- Gotham Book
- Subtítulos
- Gotham Book
- Párrafos
- Gotham Book
- Precios
- Gotham Medium
Iconografía
Elegí un conjunto de iconos fiel a la estética de la marca para garantizar una apariencia uniforme en todo el producto.
Prototipo
Explora el prototipo interactivo y descubre todas las posibilidades de la interfaz.
Conclusiones
Las pruebas de la solución confirmaron una estrategia sólida para dar visibilidad a CrudeBeauty. La estética fresca y juvenil, el nuevo logotipo y unos envases que capturan la esencia de la marca sentaron las bases de una identidad visual vibrante y atractiva.
La web, con banners cautivadores y carrito de compra, ofrece una plataforma sólida para atraer a los primeros usuarios. Concebida como un MVP, reúne un conjunto básico pero eficaz de funcionalidades que permite salir al mercado en tiempo récord.
Recoger feedback desde el inicio permitirá ajustar y ampliar las funcionalidades según las necesidades reales de los clientes, garantizando un crecimiento continuo y una gran experiencia de usuario.