Una apertura que se puede detener
«Todo empieza con un giro.» El vídeo se pausa con un botón, se detiene fuera de pantalla o con movimiento reducido, y hay un acceso directo. El recorrido de la apertura se ha acortado para llegar antes al producto.
Concepto independiente · Consumo, comercio
VOLTA
Una marca ficticia de bicicletas urbanas. Una apertura con vídeo da carácter; el resto es una ficha de producto clara, con color, talla recomendada por altura y una compra simulada.
El reto
Qué problema intenta resolver.
Una tienda de producto único necesita dos cosas que tiran en sentidos opuestos: una primera impresión con personalidad y un camino corto hasta elegir y comprar.
La pregunta de diseño: ¿cuánto movimiento cabe en la apertura sin retrasar la decisión, y qué necesita saber alguien para elegir talla sin probar la bicicleta?
Decisiones de diseño
Cuatro decisiones, a la vista.
Cada una se puede comprobar en la demo.
El color cambia el producto entero
Petróleo, Arena y Arcilla cambian la imagen, las etiquetas y el estado del selector a la vez, para que lo elegido se vea y se lea.
La talla, a partir de tu altura
«¿Qué talla elijo?» pide la altura y recomienda S, M o L. Si estás entre dos tallas, lo dice y explica cómo decidir. El botón aplica la talla recomendada en la ficha.
Lo que se pregunta antes de comprar
La ficha añade datos técnicos (motor, batería, autonomía, peso) y condiciones de entrega y devolución, marcados como ejemplo. El carrito se mantiene al volver.
Qué puedes probar
Un recorrido de cuatro pasos.
Para ver las decisiones funcionando, en este orden.
Pausa el vídeo de la apertura y pulsa «Descubre VOLTA City».
Cambia entre los tres acabados.
Abre «¿Qué talla elijo?» y escribe tu altura.
Añade la bicicleta al carrito, recarga la página y abre el carrito.
Detrás de la interfaz
Peso del vídeo
El vídeo de la apertura se ha recomprimido de 10,4 MB a 2,5 MB sin cambiar el archivo que enlaza la página, para que cargue antes en móvil.
- HTML, CSS y JavaScript, sin dependencias externas.
- Revisado sin errores de consola ni desbordes horizontales a 1440 y 390 px.
- Marca, imágenes y datos ficticios. Ninguna cifra procede de usuarios reales.
Con más tiempo
Qué comprobaría con personas.
Son hipótesis para una prueba que aún no he hecho, no resultados.
- ¿Cuánto tardan en llegar a «Elegir mi City» con y sin la apertura?
- ¿Confían en la talla recomendada o dudan entre dos?
¿Hablamos del puesto?
Puedo explicarte cómo llegué a cada decisión de este concepto.