Restless Bike
Una tienda online de MTB diseñada para entender cada producto antes de comprarlo.
El proyecto
Restless Bike es una tienda online especializada en las modalidades más extremas del MTB. Nació al detectar una carencia: casi ninguna tienda explica bien lo que vende.
El reto era acercar el producto al máximo: fotos, vídeo y ficha técnica completa, bien jerarquizadas, para comprar sin dudas. La web actual, en Prestashop, había llegado a su límite; la nueva llega en 2027.
- Año
- 2026 – 2027
- Rol
- Línea gráfica, web y Design System
- Equipo
- Diseño y desarrollo
- Herramientas
- Figma y Claude
- Estado
- En desarrollo, lanzamiento en 2027
Mi papel
-
Línea gráfica
La identidad de la tienda: color, tipografía, fotografía y el tono con el que habla.
-
Design System
Un sistema completo: variables en tres capas, modos responsive y un catálogo de componentes pensados para vender online.
-
IA como herramienta
Claude como compañero de equipo durante todo el proceso de diseño.
-
Trabajo con desarrollo
Diseño y desarrollo en contacto continuo, para que lo que se diseña sea lo que acaba publicado.
Decisiones
-
Filtros a prueba de todo
Bicis, ruedas… o ese pedal lila si quieres tu bici personalizada. Hay mil casos y el filtro tiene que aguantarlos todos.
-
Completa tu setup
Un pack que te propone lo que le falta a tu bici. Mejor para ti, y ayuda a subir el ticket medio.
-
Mucha información, poco scroll
Toda la ficha técnica que necesitas, ordenada para que no haya que hacer scroll sin fin.
El Design System
-
40 Base
Los colores y tamaños de partida. Nunca se usan directamente.
-
37 Tokens
Lo que se usa al diseñar: texto, fondo, trazo, radios y estados.
-
29 Layout Tokens
Un modo para Desktop, otro para Tablet y otro para Mobile.
- Brand 500 #DB2333
- Brand 700 #911722
- Brand 100 #FCE8EA
- Accent 500 #4521DF
- Accent 100 #ECE7FB
- Yellow 500 #F8CB58
- Pink 500 #FF96D7
- Neutral 900 #1A1A1A
Rubik
Regular · SemiBold · Bold · ExtraBold.
Componentes para e-commerce
- Botones
- Formularios
- Tarjetas de producto
- Módulos
- Filtros
- Selector de talla
- Cantidad
- Pack de productos
- Especificaciones
- Manuales
- FAQ
- Carrito
- Alertas
Contacto
Hablemos.
¿Tienes un proyecto en mente o una vacante que encaje? Escríbeme por LinkedIn y lo hablamos.