Ir al contenido principal

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.

Portada de Pierre Ibaïalde — pedir para las fiestas, de forma sencilla, desde el móvil, captura de página completa
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í

  1. 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.

    Pierre Ibaïalde — pedir para las fiestas, de forma sencilla, desde el móvil — En el ordenador, la portada por fin muestra qué comprar

    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.

  2. 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.

    Pierre Ibaïalde — pedir para las fiestas, de forma sencilla, desde el móvil — Una portada que abre la temporada de fiestas (móvil)

    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.

  3. 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.

    Pierre Ibaïalde — pedir para las fiestas, de forma sencilla, desde el móvil — Un menú con pestañas e imágenes (móvil)

    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.

  4. 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.

    Pierre Ibaïalde — pedir para las fiestas, de forma sencilla, desde el móvil — Un buscador más completo desde las primeras letras

    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.

  5. 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.

    Pierre Ibaïalde — pedir para las fiestas, de forma sencilla, desde el móvil — La misma búsqueda, con el pulgar (móvil)

    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.

  6. 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.

    Pierre Ibaïalde — pedir para las fiestas, de forma sencilla, desde el móvil — El cuarto de jamón se compra desde la primera pantalla (móvil)

    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.

  7. 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.

    Pierre Ibaïalde — pedir para las fiestas, de forma sencilla, desde el móvil — El foie gras: formato y precio de un vistazo (móvil)

    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.

  8. 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.

    Pierre Ibaïalde — pedir para las fiestas, de forma sencilla, desde el móvil — La misma ficha en el ordenador

    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

Todos los proyectos