Volver
Volver

Caso 01

Barro

Trabajo / Caso 01 · Tienda online

Barro

La tienda de un taller de cerámica: del primer boceto al sitio funcionando, con piezas dibujadas en código y un carrito que acompaña.

Servicio
Diseño y desarrollo web
Tipo
Tienda online
Año
2026
Proyecto
Concepto
Barro: el inicio, con el arco del horno y la marca

Fase 01 · Descubrimiento

Piezas únicas, vendidas en línea.

El problema

Un taller que hace piezas a mano, ninguna igual, necesita venderlas en línea sin que parezcan productos de catálogo. Cada hornada sale distinta, y el sitio tiene que contarlo.

La idea

Una tienda con la calma del taller: cada pieza en su arco, como la boca del horno; colores tomados del esmalte y del gres; un recorrido corto de la pieza al carrito.

Fase 02 · Diseño

Del arco a la pieza.

Barro: la página de la taza Alba
Pieza: esmalte, precio y carrito
Barro: el catálogo
Catálogo con filtros
Barro: el jarrón Río
Jarrón Río
Barro: Recién salidas
Recién salidas
Barro: Cada pieza toma el color de su arco
Cada pieza toma el color de su arco
Barro: Talleres con reserva
Talleres con reserva
Barro: El diario del taller
El diario del taller
Barro en el celularBarro en el celularBarro en el celular

El arco

Cada pieza vive en un arco, la boca del horno. Es la forma que se repite en tarjetas, páginas y talleres, y la que crece al abrir una pieza.

La paleta

  • Papel#ede9e1
  • Tinta#15182e
  • Cobalto#2843cf
  • Salvia#a7c2b0
  • Ocre#e2ae4a
  • Gres#c88b67

Papel y tinta para leer, y los cuatro colores de los esmaltes. El gres crudo, en cada pieza, hace de acento.

La tipografía

Una serif de títulos con carácter de taller, una sans clara para el texto y una mono para precios y etiquetas.

Fase 03 · Desarrollo

Movimiento con intención.

01

La pieza te sigue

Al pasar por una tarjeta, la pieza se levanta y un disco “Ver” acompaña al cursor.

02

El esmalte, en vivo

Elegís un esmalte y la pieza cambia de color al instante, sin recargar. La elección queda en el enlace.

03

Primero el celular

La misma pieza se reacomoda en el teléfono, con el botón para agregar siempre a mano.

Ficha técnica

Páginas
Inicio, catálogo, 8 piezas, talleres, diario, carrito
Tecnología
Astro, sin frameworks de interfaz
Tipografía
DM Serif Display, Manrope, JetBrains Mono
Imágenes
Ninguna foto: piezas dibujadas en código
Carrito
Guardado entre visitas, sin cuenta
Peso total
Unos 600 KB, todo el sitio

Fase 04 · Lanzamiento

El sitio, en uso.

¿Tu tienda es la próxima?

Contanos tu idea. Te respondemos en 24 a 48 horas.

Establecer contacto

FIN DE LA TRANSMISIÓN