(Caso 03)

· Web responsive

Ana pastelería

Ana pastelería

Investigación UX y diseño de la primera web de una pastelería artesanal que vendía solo por Instagram.

Investigación UX y diseño de la primera web de una pastelería artesanal que vendía solo por Instagram.

Investigación UX y diseño de la primera web de una pastelería artesanal que vendía

solo por Instagram.

UX/UI Designer · Proyecto de máster · Figma · FigJam · Google Forms · 2025

Resultados clave

Alérgenos a la vista en cada producto

Alérgenos a la vista en cada producto

La información que más pedían las personas

encuestadas, sin abrir ningún desplegable.

Un escaparate digital con todo el catálogo

Un escaparate digital con todo el catálogo

Fotos grandes y reales, organizadas por categorías, para elegir sin salir de la web.

Investigación con 41 personas

Investigación con 41 personas

Una encuesta con 37 respuestas y 4 entrevistas, en Argentina y España.

Resumen

La pastelería solo vendía por Instagram, y eso limitaba su visibilidad, la forma de mostrar la calidad de sus productos y la gestión de pedidos. El reto: crear un canal propio donde ver todo el catálogo, con la información clara para decidir y comprar.

Fig. 01 · Home de la web

© 2026 Lucia Alanis

Diseñadora UX/UI en Barcelona

© 2026 Lucia Alanis

No dibujo la naturaleza. Diseño como ella.

Reto

Reto

Ana Pastelería es un emprendimiento real de pastelería artesanal. La marca ya tenía logo, paleta y clientas en Instagram, pero no un espacio propio donde mostrar todo el catálogo y recibir pedidos.

Investigación

Investigación

Empecé con desk research, 4 entrevistas y una encuesta en Google Forms con 37 respuestas, en Argentina y España. Con eso armé a Paula, mi user persona, y su journey map de compra online.

81,%

Pone la calidad como lo más importante al elegir una pastelería online

Pone la calidad como lo más importante al elegir una pastelería online

→ Fotos grandes y reales


100%

Prefiere la pastelería artesanal frente a la industrial

→ Identidad cálida y artesanal

59,5%

Querría empaques especiales como servicio adicional

→ Oportunidad: pastelería para regalar

Encuesta en Google Forms · 37 respuestas · 4 entrevistas

"Prefiero ver videos de cómo hacen los productos y leo reseñas antes de comprar."
Florencia, entrevistada

Fig. 02 · User persona: Paula

Fig. 03 · Journey map de Paula: compra online

De la investigación a las decisiones

01 · Ingredientes y alérgenos aparecieron en los comentarios y las entrevistas → alérgenos visibles en cada producto.

02 · Las fotos y las opiniones pesan mucho antes de comprar → fotos grandes y protagonistas.

03 · La marca tenía identidad, pero solo en Instagram → su paleta en la web, con una función para cada color.

Decisión 1

Alérgenos a la vista

Problema

En los comentarios abiertos de la encuesta y en las entrevistas, los ingredientes y los alérgenos aparecieron como información necesaria para decidir.

Decisión

Cada producto muestra sus alérgenos junto a la descripción, antes del botón "Agregar al carrito", sin abrir ningún desplegable.

Iteración

En la primera versión los alérgenos estaban en el desplegable "Información". Una revisión externa con IA, como la de una compañera de equipo, me hizo ver que lo más valorado quedaba escondido, y lo subí a la vista.

Fig. 04 · Antes y después: los álergenos, de información a la vista.

Decisión 1

Alérgenos a la vista

Problema

En los comentarios abiertos de la encuesta y en las entrevistas, los ingredientes y los alérgenos aparecieron como información necesaria para decidir.

Decisión

Cada producto muestra sus alérgenos junto a la descripción, antes del botón "Agregar al carrito", sin abrir ningún desplegable.

Iteración

En la primera versión los alérgenos estaban en el desplegable "Información". Una revisión externa con IA, como la de una compañera de equipo, me hizo ver que lo más valorado quedaba escondido, y lo subí a la vista.

Fig. 04 · Antes y después: los álergenos, de información a la vista.

Decisión 2

Las fotos venden el sabor

Problema

El journey map mostró que, antes de comprar, las fotos y las opiniones de otras personas pesan muchísimo.

Decisión

La web funciona como un escaparate digital, con fotos grandes y protagonistas que muestran la calidad artesanal de cada producto.

Fig. 05 · Home: las fotos llevan la mirada

Decisión 2

Las fotos venden el sabor

Problema

El journey map mostró que, antes de comprar, las fotos y las opiniones de otras personas pesan muchísimo.

Decisión

La web funciona como un escaparate digital, con fotos grandes y protagonistas que muestran la calidad artesanal de cada producto.

Fig. 05 · Home: las fotos llevan la mirada

Decisión 3

Una identidad cálida y artesanal

Problema

La marca ya tenía logo y paleta, pero solo vivían en Instagram, sin un espacio propio que las ordenara.

Decisión

Llevar a la web la paleta real de la marca y darle una función a cada color: el azul para la marca, el coral para las acciones y el amarillo para guiar en el menú. Una tipografía neutra, Roboto, deja que lo cálido lo pongan las fotos, el logo y el color.

Fig. 06 · Identidad: logo, paleta y tipografías

Decisión 3

Una identidad cálida y artesanal

Problema

La marca ya tenía logo y paleta, pero solo vivían en Instagram, sin un espacio propio que las ordenara.

Decisión

Llevar a la web la paleta real de la marca y darle una función a cada color: el azul para la marca, el coral para las acciones y el amarillo para guiar en el menú. Una tipografía neutra, Roboto, deja que lo cálido lo pongan las fotos, el logo y el color.

Fig. 06 · Identidad: logo, paleta y tipografías

La web

Un escaparate digital con catálogo, ficha de producto con alérgenos visibles, selector de cantidad con área de toque de 44 px y desplegables claros para ingredientes y detalles.

Fig. 07 · Catálogo: categorías a la izquierda, todo el surtido a la vista

Fig. 05 · Recorrido completo: registro, búsqueda, publicación, verificación y chat

Resultados

Resultados

Métricas a seguir si la web se lanzara

01 · Productos agregados al carrito desde la ficha: si ver los alérgenos ayuda a decidir.

02 · Consultas sobre alérgenos por otros canales: si bajan, la ficha resuelve la duda.

03 · Clics de la home al catálogo: si las fotos invitan a seguir mirando.

Lo que aprendí

Revisar mi diseño con una mirada externa, la de la IA como compañera de equipo, me mostró que la información más valorada por las usuarias estaba a un clic de distancia. Como siguiente paso, sumaría valoraciones en la ficha de producto, porque las clientas se basan en ellas para decidir.

© 2026 Lucia Alanis

No dibujo la naturaleza. Diseño como ella.

Create a free website with Framer, the website builder loved by startups, designers and agencies.