E-commerce • Marca latina · Estados Unidos
Vive Cosmetics
Diseñamos y construimos la tienda de Vive Cosmetics, una marca de cosmética creada por latinas en California, trabajando dentro de la identidad que la marca ya tenía definida.
- Diseño web
- E-commerce
- Producción gráfica
- Cliente
- Vive Cosmetics
- Industria
- E-commerce · Cosmética
- Año
- 2017
- Nuestro rol
- Diseño web, e-commerce y producción gráfica
- Alcance
- Estados Unidos
01
Contexto
Vive Cosmetics nació en California como una marca de cosmética hecha por latinas para la comunidad latina: labiales líquidos mate con nombres que son una declaración cultural —Café con Leche, Luchadora, María, Spanglish, Villana—. Llegaron con la identidad resuelta, un manual de marca completo y una lista de requisitos técnicos. Lo que faltaba era la tienda.
02
El reto
La identidad era deliberadamente saturada: fucsia, naranja, amarillo, verde manzana y turquesa, con una tipografía caligráfica de trazo grueso. Funciona en un empaque; en una tienda, ese mismo color compite con el producto y cansa al ojo antes de la compra. Había que construir un e-commerce que respirara sin traicionar una marca cuyo valor central es, precisamente, no ser discreta.
03
Nuestro enfoque
- 01
Reordenar antes de diseñar
El mapa de contenido recibido pedía siete secciones. Las consolidamos en cinco y las renombramos con la voz de la marca —«Beauty con Cultura», «Say Hola», «The Vive Blog»—, de modo que la navegación dijera quién es la marca y no solo dónde hacer clic.
- 02
Un sistema para que el color no ahogue
Cortes diagonales entre secciones, tomados del recurso gráfico del propio manual, y bandas de color plano a ancho completo como separadores. El color se usa por bloques y a intervalos, nunca de fondo continuo: así la paleta identifica sin competir con el producto.
- 03
Producción de toda la imagen para web
Compusimos, retocamos y recortamos el material fotográfico del cliente para cada uso: héroes con degradado a negro, recortes de producto con transparencia, versiones en color y en gris para los estados de interacción, y el lettering de cada tono superpuesto sobre la imagen.
- 04
La tipografía de la marca, en el navegador
La display de la marca solo existía como archivo de escritorio. Generamos el kit de webfont completo para que la identidad se leyera igual en pantalla que en el empaque, sin sustituciones ni imágenes de texto.
- 05
Una tienda que opera, no una maqueta
Montamos el catálogo sobre WooCommerce con archivo de tienda, ordenación, buscador, reseñas con valoración, carrito persistente, captación de suscriptores y envío configurado. Diseño y operación en la misma entrega.
04
La solución
Una tienda en línea que sostiene el carácter de la marca y a la vez deja ver el producto: cinco tonos en catálogo al lanzamiento, reseñas firmadas por clientas reales, y una experiencia que funciona igual en escritorio y en teléfono.
5 tonos
en catálogo el día del lanzamiento, ampliado después
7 → 5
secciones: navegación reordenada y renombrada con voz de marca
Tienda viva
catálogo, reseñas, carrito y suscripción operando
¿Tienes un proyecto en mente?
Cuéntanos tu reto y diseñemos juntos el próximo caso de éxito.
Iniciar proyecto