Proyecto de cliente · En producción

Agour — comprar en el móvil tan fácil como en la tienda

Los visitantes llegan desde el móvil, pero allí comprar costaba más que en el ordenador.

Cliente: Agour
Año: 2026
Papel: Dirección de arte, Desarrollo, Asesoría
Ámbito: Tienda online

Caso práctico

El proyecto

Contexto

Tienda online de productos vascos. Antes del último trimestre, cada paso de la visita tenía que empujar hacia el pedido, sobre todo en el móvil.

Objetivo

Que la portada, el menú, el buscador, la ficha de producto, el carrito y el pago fueran más claros y transmitieran más confianza.

Respuesta

Retoques puntuales en la web en producción, activables con acceso reservado para probarlos en el propio móvil antes de abrirlos a todos. Una página de presentación compara cada pantalla antes / después.

Resultado

Mejoras en línea con acceso reservado, presentadas al cliente pantalla por pantalla.

En detalle

Lo que construí

La portada muestra antes los productos
Al llegar, la foto ocupaba toda la pantalla. Ahora está más baja y «Nuestra selección» aparece en la primera pantalla.
La portada muestra antes los productos — Al llegar, la foto ocupaba toda la pantalla. Ahora está más baja y «Nuestra selección» aparece en la primera pantalla.
El menú se abre en una tarjeta clara
Al pasar por una sección, el menú ya no cubre todo el ancho de la página: una tarjeta redondeada y aireada, colocada bajo la sección.
El menú se abre en una tarjeta clara — Al pasar por una sección, el menú ya no cubre todo el ancho de la página: una tarjeta redondeada y aireada, colocada bajo la sección.
El buscador responde mientras escribes
Antes había que validar la búsqueda para ver algo. Ahora los resultados aparecen desde las primeras letras.
El buscador responde mientras escribes — Antes había que validar la búsqueda para ver algo. Ahora los resultados aparecen desde las primeras letras.
La ficha de producto va a lo esencial
El título, las opiniones, el precio y el botón de compra suben: todo lo que sirve para decidir está en la primera pantalla.
La ficha de producto va a lo esencial — El título, las opiniones, el precio y el botón de compra suben: todo lo que sirve para decidir está en la primera pantalla.
La página del carrito, clara y tranquilizadora
Los artículos a la izquierda, el resumen a la derecha y las sugerencias colocadas bajo el resumen.
La página del carrito, clara y tranquilizadora — Los artículos a la izquierda, el resumen a la derecha y las sugerencias colocadas bajo el resumen.
El pedido se hace en cuatro pasos visibles
Datos, dirección, envío, pago: una barra de pasos indica en qué punto estás y el resumen recoge la foto de los productos.
El pedido se hace en cuatro pasos visibles — Datos, dirección, envío, pago: una barra de pasos indica en qué punto estás y el resumen recoge la foto de los productos.
En el móvil, la portada atrae desde el primer momento (móvil)
La franja negra de tres líneas se convierte en una pastilla de una línea, y los universos de la casa llegan a la primera pantalla.
En el móvil, la portada atrae desde el primer momento (móvil) — La franja negra de tres líneas se convierte en una pastilla de una línea, y los universos de la casa llegan a la primera pantalla.
El precio y el botón en la primera pantalla (móvil)
En el móvil había que desplazarse casi dos pantallas para ver el precio. Foto, título, opiniones, precio y botón caben ahora en la primera.
El precio y el botón en la primera pantalla (móvil) — En el móvil había que desplazarse casi dos pantallas para ver el precio. Foto, título, opiniones, precio y botón caben ahora en la primera.