Branding & Web · UX/UI · 2025

Bluma
identidad
digital

Diseño desde cero de la identidad digital y la web de Bluma, una marca de perfumería y cuidado personal que apuesta por elegancia, claridad y experiencia sensorial.

Rol
UX/UI Design
Duración
4 semanas
Tipo
Marca & Web
Año
2025
Bluma web
01 — Problema

¿Qué necesitaba resolver?

Muchos e-commerce de cosmética premium presentan sobrecarga visual que distrae de los productos y flujos de compra poco fluidos. Bluma necesitaba una plataforma digital que reflejara su carácter refinado sin comprometer la usabilidad ni la conversión.

🎨
Exceso visual sin foco. Las marcas premium sacrifican claridad por estética, confundiendo al usuario.
🛒
Flujos de compra largos con pasos redundantes que aumentan el abandono del carrito.
📖
Narrativa de marca fragmentada. Sin storytelling integrado, la conexión emocional con el producto se pierde.
Objetivo del proyecto
Un e-commerce elegante y funcional
Transmitir la identidad premium de Bluma desde la primera impresión.
Organizar los productos de forma simple y navegable.
Ofrecer un flujo de compra limpio, sin pasos innecesarios.
Priorizar la claridad visual: tipografías equilibradas, layouts respirados y uso preciso del color.
Integrar el storytelling de marca directamente en la experiencia de producto.
02 — Investigación · Benchmarking

Aprender del mercado

Analicé marcas de cosmética y perfumería premium para identificar patrones de diseño, fortalezas del sector y oportunidades diferenciadoras. El análisis cubrió arquitectura de producto, identidad visual, experiencia de compra y mensajes de valor.

🎭
Estética vs. claridad
Las marcas premium tienden a interfaces monocromáticas que en ocasiones sacrifican usabilidad por apariencia.
🔁
Checkouts con pasos de más
La mayoría de e-commerce de belleza tienen flujos de compra largos o con pasos redundantes que generan abandono.
⚖️
Oportunidad: elegancia + simplicidad
Existe espacio para un diseño editorial que no comprometa la usabilidad — ese es el equilibrio que define a Bluma.
💬
Narrativa fragmentada
Integrar el storytelling directamente en la ficha de producto mejora la conexión emocional y refuerza el valor percibido.
03 — User Personas

Diseñar para personas reales

Definí dos perfiles que representan los usuarios más relevantes para Bluma: una usuaria práctica que busca claridad y eficacia, y otra aspiracional que valora la estética y la experiencia premium. Estos perfiles guiaron cada decisión de diseño.

👩‍💼
María González
Marketing Specialist · 27 años · Madrid
"Me frustra que las marcas ofrezcan 20 productos casi iguales sin guiarme sobre cuál necesito."
Qué necesita
Recomendaciones simples, información clara sobre ingredientes sin tecnicismos y una compra ágil que transmita confianza.
Frustraciones
Odia las webs con textos demasiado técnicos y le frustra comprar productos que no le sirven porque no estaban bien explicados.
CuriosaOrganizadaAnalíticaPráctica
📷
Claudia Herrera
Fotógrafa freelance · 34 años · Barcelona
"Quiero productos que se vean bonitos en mi baño, que huelan bien y que tengan identidad de marca."
Qué necesita
Una experiencia visual premium que la enamore. Fotografías impecables, narrativa de marca clara y contenido que inspire emocionalmente.
Frustraciones
Webs visualmente saturadas o con ruido visual. Diseños que no transmiten el nivel real de la marca y catálogos poco aspiracionales.
EmocionalEstéticaCreativaDetallista
04 — User Flow

El camino hasta la compra

En lugar de un sitemap tradicional, diseñé un User Flow centrado en la acción principal: explorar una colección y comprar un perfume. Con una arquitectura simple, el flujo visualiza exactamente cómo interactúa el usuario con la marca paso a paso.

Browsing
Home
Perfumes
Seleccionar perfume
Detalle de producto
Cart & Checkout
Añadir al carrito
Ver carrito
Editar contenido
Editar carrito
Confirmar pedido
Fulfillment
Info de envío
Pago
Éxito
Pedido completado ✓
Error
Pago fallido
Reintentar
↩ Pago
05 — Wireframes

Estructura antes que estética

Antes del diseño visual definí la estructura de las páginas principales en baja fidelidad. Los wireframes permitieron validar la jerarquía, el layout y la lógica de navegación antes de invertir tiempo en lo visual.

Wireframe Home
Wireframe Colecciones
Wireframe Producto
06 — Diseño final

Elegancia, claridad, conversión

Tras validar flujo y wireframes, desarrollé el diseño final aplicando la identidad visual de Bluma: paleta suave, tipografías refinadas y un sistema visual coherente con los valores de la marca — simplicidad, bienestar y sofisticación.

INICIO
INICIO
Hero editorial con tipografía expresiva, fotografía de campaña y accesos directos a colecciones. Primera impresión de marca.
COLECCIÓN BLUMA GLOW
COLECCIÓN BLUMA GLOW
Página de colección con los atributos del producto en layout simétrico. Ingredientes puros, brillo natural y ritual sensorial.
VER TODO — COLECCIONES
VER TODO — COLECCIONES
Catálogo visual con banner de impacto y organización clara por gamas para una navegación limpia.
CATÁLOGO DE PERFUMES
CATÁLOGO DE PERFUMES
Listado de perfumes con fotografía premium, precio visible y filtros. Claridad y elegancia antes que todo.
DETALLE DE PRODUCTO
DETALLE DE PRODUCTO
Ficha con galería, descripción sensorial, selector de tamaño y CTA directo al carrito. Sin fricción.
MÉTODO DE PAGO
MÉTODO DE PAGO
Checkout en pasos mínimos con resumen del pedido. Diseño limpio que transmite confianza en el momento crítico.
FILOSOFÍA DE MARCA
FILOSOFÍA DE MARCA
Página de storytelling que comunica los valores de Bluma: pureza, belleza y equilibrio.
07 — Aprendizajes

Lo que me llevé de Bluma

Entendí que en marcas premium el diseño debe comunicar valores antes que funcionalidades — la estética es parte del producto.
🛒
Aprendí a simplificar flujos de compra sin perder información clave, eliminando pasos redundantes que generan abandono.
📖
Integrar el storytelling de marca directamente en la ficha de producto marcó una diferencia real en la conexión emocional.
⚖️
Trabajé el equilibrio entre diseño editorial y usabilidad — aprendí que ambos no son opuestos si se planifican bien.
🎯
El benchmarking de marcas premium me dio un mapa claro de oportunidades que no habría visto sin ese análisis previo.
🧩
Diseñar para dos perfiles tan distintos (funcional vs. aspiracional) me obligó a pensar en cada decisión desde múltiples perspectivas.

¿Vemos el prototipo?

Ver prototipo interactivo ↗ ← Volver al portfolio