Todos los proyectos

Caso 07 · Ecommerce · cosmética

Civère

Una tienda online que vende como una boutique. Una demo de comercio electrónico para cosmética natural: catálogo con filtros, ficha de producto y carrito con envío gratis, pensada para que comprar sea tan agradable como probar el producto.

Cliente
Marca ficticia para la demo
Lugar
Barcelona
Qué hicimos
Tienda online · Diseño web · Desarrollo
Estado
Proyecto demo
Portada de la tienda online de Civère: pinceles y maquillaje sobre fondo arena con el titular «La piel que siempre quisiste»

01 — El reto

Una tienda online
que da ganas de comprar.

Muchas marcas pequeñas de cosmética tienen buen producto y una comunidad fiel, pero venden por mensajes de Instagram o desde plantillas de tienda que no transmiten su universo.

Vender por mensaje no escala: cada pedido son varios mensajes. Y una tienda genérica no distingue a la marca de cualquier otra. El objetivo de la demo: mostrar cómo un comercio electrónico puede cuidar la imagen de la marca y facilitar la compra a la vez, de ver a pagar en pocos pasos y también desde el móvil.

Recorrido

La web,
de arriba abajo.

  1. 01Portada: la marca y la tienda a un clic.
  2. 02Catálogo con filtros y valoraciones.
  3. 03Ficha de producto con tamaños, ingredientes y modo de uso.
  4. 04Carrito con envío gratis y sugerencias.
Captura de la página de inicio completa de Civère, de la portada al pie

02 — La solución

Seis decisiones
que ayudan a vender.

  1. 01

    Catálogo fácil de recorrer

    Filtros por categoría, orden por más vendidos y etiquetas de «Nuevo» o «Best-seller» que guían la elección.

  2. 02

    Ficha que resuelve dudas

    Tamaños, ingredientes, modo de uso y preguntas frecuentes en la misma página, sin salir de ella.

  3. 03

    Carrito que anima a completar

    Barra de progreso hacia el envío gratis y sugerencias de productos para completar la rutina.

  4. 04

    Confianza en cada paso

    Envío, devolución y sellos como vegano o cruelty-free a la vista antes de decidir.

  5. 05

    Pensada para el móvil

    Barra de compra fija en la ficha y botones grandes: se compra con una sola mano.

  6. 06

    Lista para crecer

    Es una demo estática. En un proyecto real se conecta con WooCommerce o Shopify, con pagos y envíos.

Catálogo de la tienda con filtros por categoría y ocho productos con valoraciones y precios
El catálogo, con filtros, valoraciones y ofertas a la vista.

03 — El diseño

Una cosmética
que se ve natural.

Playfair DisplayTitulares: el tono de una marca de autor

InterTexto: claro y legible

  • Marfil#F8F5F0
  • Salvia#4A6B5D
  • Arena#C8B89A
  • Carbón#1C1C1A
  • Hueso#F0EBE3

La paleta sale de los ingredientes: marfil como el papel de un recetario, salvia oscura para la acción, arena como el barro de una mascarilla y carbón para el contraste. Playfair Display da carácter de autor a los titulares e Inter mantiene el texto claro.

Ficha del Sérum Rosehip Glow con galería, tamaños, precio y botón de añadir al carrito
La ficha, con todo lo necesario para decidir.
Carrito con un producto, envío gratis desbloqueado y sugerencias para completar la rutina
El carrito, con envío gratis y sugerencias.

04 — En el móvil

Pensada para
comprar desde el móvil.

Móvil: portada de la tienda
Móvil: catálogo con filtros
Móvil: ficha de producto con botón de compra
Móvil: productos favoritos de la home
Siguiente proyecto Nordal Homes Inmobiliaria · Proyecto demo

¿Te imaginas la tuya?

¿Tu marca merece una tienda así?

Cuéntame qué necesitas y te propongo el camino más corto para conseguirlo. Presupuesto cerrado en 24 horas.