Proyecto de cliente · Entregado
Pierre Ibaïalde — pedir para las fiestas, de forma sencilla, desde el móvil
Antes de las fiestas, cada clic de más en el móvil es un pedido que se va a otra parte.

- Cliente
- Pierre Ibaïalde
- Año
- 2026
- Papel
- Dirección de arte, Desarrollo
- Ámbito
- Tienda online
Caso práctico
El proyecto
Contexto
Charcutero vasco que vende online. La mayoría de los visitantes llega desde el móvil y las fiestas concentran gran parte de las ventas.
Objetivo
Encontrar y comprar un cuarto de jamón o un foie gras en pocos gestos, en el móvil y en el ordenador.
Respuesta
Una portada que abre la temporada y muestra los productos estrella, un menú con pestañas e imágenes, un buscador más completo desde las primeras letras y fichas de producto donde el formato, el precio y el botón de compra caben en la primera pantalla.
Resultado
Páginas rediseñadas y comparadas pantalla por pantalla, antes / después, en móvil y en ordenador.
En detalle
Lo que construí
En el ordenador, la portada por fin muestra qué comprar
Hoy, «El mundo del jamón» ocupa toda la primera pantalla, sin botón ni producto: nada que comprar por encima de la línea de flotación. El hero se vuelve más bajo, con un mensaje de temporada y los productos estrella.
Una portada que abre la temporada de fiestas (móvil)
«El mundo del jamón» deja paso a un mensaje de temporada y una acción clara, y después tres entradas: la comida, el aperitivo, regalar.
Un menú con pestañas e imágenes (móvil)
El menú actual es una lista de palabras. El nuevo se abre con un buscador, una pestaña por universo y las secciones en fotos.
Un buscador más completo desde las primeras letras
La web ya proponía resultados mientras se escribe, pero limitados a tres productos. El panel muestra seis, con su sección y su precio, y la palabra buscada resaltada.
La misma búsqueda, con el pulgar (móvil)
En el móvil, el panel se abre bajo la cabecera: líneas grandes, fáciles de tocar, y precios visibles.
El cuarto de jamón se compra desde la primera pantalla (móvil)
Hoy, cinco pictogramas ocupan la parte alta de la ficha y el botón «Añadir al carrito» no llega hasta después de más de pantalla y media de desplazamiento. Sube, y una barra de compra queda siempre visible.
El foie gras: formato y precio de un vistazo (móvil)
Tres formatos, tres precios, sin menú que abrir. Los consejos de la descripción suben junto al botón.
La misma ficha en el ordenador
Todo lo que ayuda a decidir cabe junto a la foto: opiniones, precio, formatos, botón, envío y tres datos comprobados.
Mi trabajo
Lo que hice
Análisis de recorridos, dirección de arte, integración en la tienda Shopify.
Papel
- Dirección de arte
- Desarrollo
Stack
- Shopify
- CSS
- JavaScript
- Playwright
Mode makerarquitectura, decisiones técnicas
- Retoques CSS/JS en la plantilla Shopify.
- Capturas antes / después automatizadas en móvil y ordenador (Playwright).
Seguir
Proyectos siguientes

Arsène — que cada llamada de cliente tenga respuesta
2026 · Proyecto de cliente
- telephonie
- automatisation
- service client

Agour — comprar en el móvil tan fácil como en la tienda
2026 · Proyecto de cliente
- e commerce
- prestashop
- mobile

Arsène — catálogos de colección listos sin semanas de maquetación
2026 · Proyecto de cliente
- automatisation
- catalogue
- indesign