Almíbar · Pastelería artesanal

Diseño web y UX/UI para una pastelería de Lima: una carta fácil de recorrer, un carrito claro y pedidos que llegan listos por WhatsApp.

Tipo

Sitio web con pedidos online

Alcance

Diseño web y UX/UI de carta, carrito, catering y casas, en escritorio y móvil.

Entregable

Web con demo navegable: categorías, buscador y carrito.

Portada de la web de Almíbar en escritorio: titular «Hechos a mano, para compartir» junto a la ilustración de una torta de chocolate con cobertura de fresa.

El concepto

Una pastelería que vende todos los días necesita una web que invite a antojarse y que haga muy fácil pedir. Almíbar usa colores de postre, una serif redondeada para los titulares y un carrito que resuelve lo importante: qué, cuánto, para cuándo y adónde.

Lo que debía lograr

  • Provocar antojo desde la primera pantalla.
  • Encontrar un postre en pocos toques, por categoría o buscando.
  • Dejar claro el costo y el delivery antes de pedir.
  • Atender también a empresas y eventos.

Estudio de marca

Paleta

Crema

#FFF6E8

Fondo principal

Fresa

#C9323A

Botones y acentos

Maracuyá

#FFC83D

Detalles y destacados

Menta

#CDE8DA

Bloques suaves

Cacao

#3A2218

Titulares, texto y pie

Tipografía

Titulares · Fraunces

Hechos a mano, para compartir.

Textos y botones · Nunito

Tortas, alfajores y cupcakes horneados cada mañana con mantequilla y mucho cariño.

Pastelería artesanal · Lima

Tono de voz

Cálido, cercano y un poco juguetón, como quien te invita un pedazo de torta: «Hechos a mano, para compartir», «Recíbelo fresquito».

Decisiones de diseño

1

Pedir sin perderse

El distrito de entrega, el buscador y el carrito viven en el encabezado y te acompañan al bajar. Elegir un postre y pedirlo no exige buscar nada.

2

Fotografía real del producto

Un negocio de comida vende con la vista: cada producto, categoría y servicio se muestra con fotos grandes y apetitosas, con una ilustración de la marca como respaldo si una imagen no carga.

3

Pensada para Perú

Precios en soles, delivery por distrito, Yape y Plin entre los medios de pago, y el pedido final se envía por WhatsApp, como lo hacen casi todos los negocios de postres.

4

Un lugar también para empresas

Catering y pedidos corporativos tienen sus propias tarjetas, con una cotización a un toque, sin mezclarse con la carta de todos los días.

Resultado

Algunas pantallas de la web. Puedes recorrerla completa, con carrito incluido, en la demo.

Carta de Almíbar con categorías ilustradas y ocho productos con precios en soles y botón de añadir.
Carrito lateral de Almíbar con dos productos, subtotal, costo de delivery por distrito y botón para enviar el pedido por WhatsApp.
Sección de servicios de Almíbar: catering para eventos y pedidos corporativos.
Portada de Almíbar en móvil, con selector de distrito, buscador y titular «Hechos a mano, para compartir».
Carrito de Almíbar en móvil con una torta de chocolate y el total del pedido.

¿Quieres una web así para tu negocio?

Cuéntame qué haces y diseño una pantalla de tu web en Figma con la promo de lanzamiento.

Escríbeme por WhatsApp

Proyecto referencial.