La marca ya emocionaba.
Faltaba que vendiera.
Un guardián para los momentos que dejan huella
Minimalismo japonés con vocación de e-commerce premium: fondo off-white, tipografía contenida y el producto mandando sobre el texto.
El colgante · Crónicas del SilencioZorros Gaman vende un colgante que se regala en los momentos difíciles: una pérdida, una enfermedad, un comienzo. El problema nunca fue la marca. El universo simbólico ya estaba resuelto. Lo que faltaba era que esa emoción sobreviviera al scroll de alguien que llega desde un anuncio, en el móvil, sin conocer la historia.
Sostener la emoción sin frenar la compra
La tensión del proyecto estaba clara desde el primer día: quien llega a Zorros Gaman lo hace en un momento frágil, y el diseño tenía que acompañar ese estado en lugar de empujarlo con energía comercial. Pero la web también tiene que vender, y el visitante viene de un anuncio, en móvil y con prisa.
Esas dos fuerzas tiran en direcciones opuestas. Un e-commerce convencional habría resuelto la papeleta con urgencia, contadores y descuentos. Aquí eso habría roto la marca: una pieza que se regala en un duelo no se vende con una cuenta atrás.
La regla que fijamos para todo el proyecto fue simple: cuando estética y conversión choquen, gana conversión — pero la estética nunca se sacrifica por comodidad, solo por una razón medible.
Impactante no es grande. Impactante es inevitable.
Principio rector del sistema de diseño
Minimalismo japonés, vocación de e-commerce
Descartamos el editorial de revista —tipografías enormes, paneles de color a sangre— y nos fuimos a un territorio más difícil de ejecutar y mucho más fiel a la marca: MUJI, Aesop, Hermès Beauty. Premium discreto, fondo casi blanco, el producto mandando sobre el texto.
El impacto no viene del tamaño sino de la contención: espacio negativo generoso, asimetría tranquila y un color que aparece una o dos veces por bloque, nunca más. Seis motivos japoneses codificados con su dosis exacta, siempre por debajo del 10% de opacidad.
Y una regla que gobierna todo el proyecto: cuando estética y conversión chocan, gana conversión. La estética nunca se sacrifica por comodidad, solo por una razón medible.
- Tipografía por encima de 4rem, en cualquier bloque
- Fondos de color a sangre y paneles fuertes de sección
- Gradientes multicolor, glassmorphism, sombras de color
- Animaciones rápidas, rebotes y hovers vistosos
- Falsa escasez: contadores, urgencia, stock inventado
- Fondo off-white unificado en todos los bloques
- El producto manda; el texto lo acompaña
- Sombras de contacto suaves, al modo sumi-e
- Movimiento solo como respuesta a una interacción real
- Grano de papel washi como atmósfera, casi invisible
Una tienda construida a medida, no una plantilla
La parte que no se ve es la que sostiene la venta. Toda la lógica del e-commerce vive en un plugin propio de WordPress —plantillas, bloques reutilizables e integración con WooCommerce— en lugar de acumular extensiones de terceros. Eso permite decidir cada paso del recorrido de compra en vez de heredarlo.
El embudo salta el carrito
Al añadir el producto se va directo al checkout. Sin icono de carrito ni pasos intermedios: en una compra emocional, cada pantalla de más es una oportunidad de abandonar.
Packs Dúo y Trío
El colgante se regala, y muchas veces a más de una persona. Los packs tienen su propia plantilla, su galería y su lógica de stock y pedido: no son una variación más del producto suelto.
Galería propia por variación
Cada versión de la pieza tiene sus imágenes reales, no una foto genérica con el color cambiado. Quien compara sabe exactamente qué está pidiendo.
Registro con cupón de bienvenida
Un popup que entrega un cupón real en lugar de pedir el correo a cambio de nada. Capta contacto sin recurrir a urgencia falsa ni contadores.
Reseñas automatizadas
Cinco días después de la compra sale un correo pidiendo la reseña. La prueba social de la home es real y viene de WooCommerce: si no hay reseñas que cumplan el filtro, el bloque no pinta nada.
Rendimiento como conversión
WooCommerce cargaba el bundle de carrito y checkout —516 KB más 327 KB de React— en páginas que no lo usan. Se purga página a página: el objetivo es PageSpeed móvil por encima de 80 y LCP bajo 2,5 s.
Cinco colores y una regla estricta
La paleta no es una sugerencia: cada color tiene escrito dónde puede aparecer y dónde no. El oro rosa se reserva a un CTA y un micro-acento por bloque, porque es lo que lo mantiene ceremonial. La salvia y el rosa almendro nunca son fondo de sección. El texto es siempre tinta: la elegancia aquí es monocroma.
El sistema, aplicado
Cuatro momentos de zorrosgaman.com donde se ve el sistema funcionando: el hero, el cierre de la home, la leyenda y la tienda.
Una web viva, con pedidos reales
Zorros Gaman partía de cero: no había web previa, así que la tienda nació con el proyecto. Eso condicionó el modo de entregar. Sin entorno de desarrollo y con despliegue manual, cada archivo se verifica antes de salir, porque desde el día que la tienda abre, un error de sintaxis en producción no es un bug: es la tienda caída.
Muy contento con el trabajo de SanCreate. Desde el primer momento han sabido entender perfectamente lo que buscábamos para nuestra marca y trasladarlo a una página web profesional, cuidada y con mucha personalidad.
Destacaría especialmente su implicación, cercanía y disponibilidad durante todo el proceso. Han tenido mucha paciencia con cada cambio y cada detalle que hemos ido planteando, buscando siempre soluciones y tratando de que el resultado final estuviera a la altura de lo que queríamos.
Además de la parte estética, han sabido darle a la web una imagen mucho más profesional y coherente con nuestra marca, cuidando tanto el diseño como la experiencia de compra.
Para nosotros era un proyecto muy importante y estamos realmente satisfechos con el resultado y con el trato recibido. Sin duda, recomendaría SanCreate a cualquier empresa que busque un equipo cercano, profesional y realmente implicado en su proyecto.
¡Muchas gracias por todo el trabajo!
¿Tu marca emociona pero no convierte?
Te ayudamos a que el diseño sostenga lo que tu marca ya cuenta, sin perder por el camino lo que la hace distinta.
Hablemos de tu proyecto