Proyectos Canela: Catálogo de artesanías con consultas por WhatsApp

Canela: Catálogo de artesanías con consultas por WhatsApp

De Wikipedia, la enciclopedia libre

Canela es un sitio-catálogo para un estudio de piezas artesanales (vidrio, cerámica y espejos) que muestra las obras y las convierte en consultas por WhatsApp, donde se cierra la venta y se coordina el pago de forma manual.

1 · Problema

Las piezas son únicas o hechas a pedido, así que un checkout self-service con pago instantáneo no encaja: arriesga sobrevender piezas irrepetibles. El desafío era mostrar el catálogo de forma atractiva y llevar a la persona interesada a una conversación por WhatsApp con la menor fricción posible.

2 · Decisiones de diseño

  • Flujo human-in-the-loop en vez de checkout: para piezas únicas y a medida, una conversación por WhatsApp encaja mejor que un carrito con pago instantáneo (que arriesgaría sobrevender).
  • Lista de consulta → WhatsApp: el visitante acumula piezas en una lista liviana (React context) y envía todo en un solo mensaje pre-armado mediante un deep link wa.me.
  • Catálogo filtrable client-side: tres secciones (vidrio, cerámica, espejos) con chips de subcategoría; el filtrado es en memoria, sin recargar, para un browse más fluido.
  • Lightbox a pantalla completa con carrusel (Embla) para inspeccionar cada pieza en detalle.
  • CMS headless (Sanity) con listas ordenables drag-and-drop, para que la dueña gestione productos y destacados sin tocar código.
  • Accesibilidad y movimiento: respeta prefers-reduced-motion; diálogo y carrusel sobre primitivos accesibles (Base UI).

3 · Solución

Un sitio de una sola página que muestra las piezas en una grilla tipo galería, con filtros por categoría y un lightbox para inspeccionar cada obra. El visitante suma piezas a una lista de consulta y la envía por WhatsApp en un mensaje pre-armado. El contenido (productos y destacados del hero) se gestiona desde Sanity con revalidación cada 60s.

catálogo + lightbox + consulta · 16:9