La pastelería
El toldo, los bordes festoneados y las fotos sujetas con cinta convierten cada sección en parte de la misma pastelería. Las tortas reales son el centro de la escena.
Caso 02
Art Cakes by Sandra
Trabajo / Caso 02 · Pastelería artesanal
Art Cakes by Sandra
Una pastelería artesanal de Montevideo hecha sitio: una vidriera con movimiento, fotos de sus tortas y un recorrido sencillo para encontrar un diseño y hacer una consulta.
- Servicio
- Diseño y desarrollo web
- Tipo
- Pastelería artesanal
- Año
- 2026
- Proyecto
- Realizado
Fase 01 · Descubrimiento
Cada torta cuenta una historia.
El problema
Una pastelería que hace tortas a medida necesita mostrar la variedad de su trabajo y ayudar a cada persona a encontrar una referencia. Las fotos tienen que contar qué se puede hacer y llevar a una conversación sobre el próximo pedido.
La idea
Llevar la pastelería a la pantalla: un toldo, una vidriera, un estante de categorías y fotos como postales. El recorrido va de descubrir una torta a verla en detalle y consultar por WhatsApp, con ese diseño como punto de partida.
Fase 02 · Diseño
De la vidriera a tu próxima torta.
La paleta
- Crema#faf4f6
- Malva#ebd7e0
- Ciruela#5a2e4a
- Frambuesa#9a3556
- Rosa#d9849d
- Tinta#2b1d26
Crema y malva para el fondo, ciruela para la marca y un solo acento frambuesa para la acción principal. El rosa queda para los adornos, y el color lo ponen las tortas.
La tipografía
Fredoka en los titulares, Bagel Fat One en la marca y las cintas, DM Sans para leer y Caveat en las notas de las polaroids.
Fase 03 · Desarrollo
Movimiento con intención.
01
Una vidriera que se mueve
El toldo se despliega, el titular sube letra por letra, el cartel se balancea y la vidriera cambia de torta con unas pinceladas.
02
Encontrar la torta indicada
Las categorías y los temas filtran las fotos sin recargar. Las tarjetas se reparten de nuevo y la selección queda en el enlace.
03
Botones que invitan
Cada acción tiene su gesto: el disco del botón principal se corre y gira, los tickets de WhatsApp se inclinan y el enlace se subraya con un trazo a mano.
Ficha técnica
- Páginas
- Inicio, catálogo y fichas individuales de tortas
- Tecnología
- Astro, TypeScript y estilos con Tailwind CSS
- Tipografía
- Bagel Fat One, Fredoka, DM Sans y Caveat
- Imágenes
- Fotos reales, recortes de tortas y versiones WebP
- Catálogo
- Cuatro categorías, filtros por tema y enlaces compartibles
- Consultas
- Enlaces a WhatsApp con mensajes según la torta
Fase 04 · Lanzamiento
El sitio, en uso.
Art Cakes by Sandra · Recorrido visual por el sitio en computadora y celular.
FIN DE LA TRANSMISIÓN