← Volver a proyectos
Caso de estudio

Germina Natura

De la propuesta en Figma al sitio publicado: rediseño de la home de una panadería sin gluten y ecológica. Proyecto realizado con Necotec.

Visitar el sitio
RolDiseño UX/UI y desarrollo
AlcanceHome y footer
HerramientasFigma · WordPress · WooCommerce
SectorAlimentación · E-commerce
germinanatura.es
germinanatura.es
01 / 04

El objetivo

La home de Germina era solo un catálogo, con una tipografía tan grande que invadía la pantalla y tapaba lo importante: los productos.

Necesitaba un cambio total: una home que presente la marca y guíe hacia la tienda. El trabajo se centró en la home y el footer; el header se mantuvo por pedido de las clientas.

02 / 04

La propuesta

Presenté en Figma una primera propuesta con estilo editorial: títulos en serif, otros tonos de verde para ganar contraste y una fotografía de pan a todo ancho en el hero.

Desde ahí trabajé mano a mano con las clientas: la estructura se mantuvo y el estilo visual se ajustó a lo que ellas imaginaban.

03 / 04

Lo que pidieron las clientas

Algunos pedidos chocaban con lo que yo recomendaba en colores, contraste y forma de presentar los productos. Expliqué el porqué de cada decisión y llegamos a un acuerdo sobre estos cambios:

01

Mantener su identidad

Seguir con sus verdes y su tipografía, en lugar de los tonos nuevos que proponía para ganar contraste.

02

El pan, protagonista

Un hero sin overlay oscuro: la fotografía del producto, clara y a la vista.

03

Alcance acotado

Mantener el header actual por el momento y rediseñar solo la home y el footer.

04

Categorías primero

Subir las categorías al inicio y reordenar otras secciones de la home.

04 / 04

El resultado

Home + footer

Las clientas quedaron muy conformes con el resultado y ya planeamos rediseñar más páginas del sitio juntas.

El pan como protagonista, las categorías al principio y una marca que reconocen como propia.

La home, sección por sección

Panes más vendidos, blog y opiniones de clientes: bloques pensados para que el producto y la confianza estén a la vista.

Propuesta vs. sitio final

Propuesta en FigmaSerif · verdes suaves · hero oscuro
Figma · propuesta
Figma · propuesta
Sitio publicadoTipografía y colores de marca · hero claro
germinanatura.es
germinanatura.es

Un buen diseño también es el que las clientas reconocen como propio.