BCN --:--
03 / 06Ecosistema de servicio · B2B + B2C

Cicles JK

Diseñando el ecosistema de alquiler de bicicletas — la plataforma con la que el equipo gestiona la flota, y una propuesta de reserva para los clientes.

Rol
Diseñadora UX/UI
Duración
2025
Contexto
Proyecto para cliente · 100x100net
Productos
Plataforma interna · Reserva pública (propuesta, no construida)
Usuarios
Equipo · clientes
Trastienda — equipo
Cicles JK dashboard: bookings, fleet by category and returns
Mobile booking step 1: bikes
01 — Contexto

Una tienda de alquiler de bicis en la Costa Brava.

Cicles JK alquila bicis eléctricas, de carretera, gravel, BTT, de paseo, júnior e infantiles desde Palafrugell — por días, semanas o más, a particulares, hoteles y campings, con accesorios, entrega y recogida. Reservas, flota, clientes, precios y festivos se gestionaban a mano. El proyecto llevó toda la operativa a una sola plataforma, y propuso cómo los clientes podrían reservar directamente.

02 — El ecosistema

Detrás de cada reserva, una operativa.

Alquilar una bici no es solo una pantalla de reserva. La bici tiene que estar disponible, en el sitio correcto y a punto; el equipo necesita los detalles del alquiler; tiene que volver, revisarse y volver a estar disponible. Por eso diseñé el servicio, no una sola interfaz.

Escaparate — lo que verían los clientes (propuesta)
  1. Bicis y fechas
  2. Datos
  3. Entrega
  4. Pago
  5. Confirmada
↕ una reserva, datos compartidosTrastienda — lo que gestiona el equipo
  1. Nueva reserva
  2. Bicis → Alquiladas
  3. Entregar / recoger
  4. Registrar devolución
  5. Libre / Taller
El producto interno muestra la complejidad porque el equipo tiene que gestionarla. La experiencia del cliente la esconde, para que la gente pueda simplemente alquilar una bici.
03 — Plataforma interna

La trastienda.

El panel responde primero las preguntas de la mañana — reservas activas, bicis fuera, devoluciones de esta semana, pagos pendientes — y después muestra la flota por categoría y estado, y los alquileres que terminan pronto. Cada bici tiene un estado que decide si se puede alquilar, así que la disponibilidad nunca es solo «¿existe la bici?».

LlogadaAlquilada — con un cliente
LliureLibre — lista para reservar
Al tallerEn el taller — en mantenimiento
Cicles JK dashboard: bookings, fleet by category and returns
Bike fleet with state per bike
04 — Devoluciones

Cerrar el círculo.

Un alquiler solo termina cuando la bici ha vuelto y se ha revisado. El flujo de devolución va bici por bici: en buen estado, al taller (con qué le pasa y una foto) o no devuelta — y comprueba cada accesorio, de modo que un GPS que falta se cobra antes de cerrar la reserva.

Esa única pantalla es la que hace pasar una bici de «Alquilada» a «Libre» — o a «Taller» — y mantiene la disponibilidad real para la siguiente reserva.

Booking record with delivery and bikes
Register return: each bike marked good, workshop or missing
05 — Experiencia del cliente

El escaparate — una propuesta.

Para los clientes, propuse un flujo de reserva público que esconde todo eso: eliges fechas y un tipo de bici (con la talla en la misma tarjeta), añades accesorios, introduces tus datos, eliges recogerla en la tienda o que te la lleven al alojamiento, pagas y recibes una confirmación que te explica exactamente qué pasará.

Propuesta de diseño — aún no construida
  1. 1Bicis
  2. 2Datos
  3. 3Entrega
  4. 4Pago
  5. ✓Confirmada
Public booking: choose a type of bike and size
Public booking: delivery and pick-up
Public booking: confirmation with what happens next
Portal de reserva pública — propuesta de diseño para Cicles JK. Aún no construido.
06 — La decisión

Por qué tipos y no modelos.

Si un cliente reserva una Atala Cult 8.1 concreta y esa bici va al taller, la reserva se rompe. Si reserva «una bici eléctrica, talla M», el equipo le puede dar cualquiera que esté libre. Reservar por tipo protege la disponibilidad — la trastienda se mantiene flexible y el escaparate, sencillo. También encaja con cómo la gente elige un alquiler: por tipo, talla y precio.

Exploré tres versiones iniciales. La propuesta parte de la tercera y la refina: la talla se elige en la tarjeta, cada tipo muestra la disponibilidad («Disponible», «Últimas 3») y quien duda tiene un acceso directo al WhatsApp de la tienda.

Versión inicial 1Por tipo · 3 pasos
Early version 1: delivery and payment on one step
  • + Flexible para la tienda
  • – Entrega, direcciones y pago amontonados en un último paso
Versión inicial 2Por modelo · 3 pasos
Early version 2: booking by bike model
  • + Patrón de e-commerce conocido
  • – Una bici en el taller rompe la reserva
PropuestaPor tipo · 4 pasos
Elegida
Public booking: choose a type of bike and size
  • + Protege la disponibilidad
  • + Talla y disponibilidad en cada tarjeta
  • + La entrega tiene su propio paso
07 — Responsive

Pensada para la calle, no para el escritorio.

La gente alquila bicis de vacaciones — paseando por el pueblo, en el hotel, unos minutos antes de pedalear. Por eso la propuesta de reserva funciona con una decisión por pantalla, con el total y el botón «Continuar» siempre al alcance del pulgar, y las franjas de entrega como botones grandes.

Mobile booking step 1: bikes
Mobile booking step 2: details
Mobile booking step 3: delivery
Mobile booking step 4: payment
Mobile booking confirmation
Reserva móvil — propuesta de diseño, aún no construida.
08 — Conectar los dos lados

Una reserva, dos lados.

Seguir una sola reserva por el sistema muestra por qué los dos productos se tienen que diseñar juntos.

  1. 01ClienteReserva 2 bicis eléctricas (M, L) y una júnior del 14 al 21 de octubre, con entrega en el hotel
  2. 02SistemaLa reserva aparece en el panel y en Reservas
  3. 03SistemaSe asigna una bici libre de cada tipo y talla → Alquilada
  4. 04EquipoPrepara las bicis y los accesorios y los lleva al hotel a las 11:00
  5. 05ClientePedalea por la Costa Brava
  6. 06EquipoRegistra la devolución bici por bici: bien → Libre, dañada → Taller, falta el GPS → se cobra
09 — Producto final

Los detalles que lo hacen funcionar.

Reservas con filtros por tipo de cliente, un calendario donde los festivos y las temporadas determinan la tabla de precios, fichas de clientes y de bicis con todo el historial, y accesorios gestionados como un stock.

Calendar of seasons and holidays driving the price table
Bookings list with filters by customer type
Client record with rental history
Bike record
10 — Aprendizajes

Diseñar experiencias conectadas.

Cicles JK me enseñó a diseñar el escaparate y la trastienda a la vez: cada decisión de un cliente se convierte en trabajo para alguien de la tienda. Diseñar para el equipo y los clientes a la vez — B2B y B2C — significaba un modelo coherente de bicis, estados y reservas en cada punto de contacto, con reglas de negocio como festivos, precios, franjas de entrega y devoluciones dando forma a la experiencia.

2
lados — equipo y clientes
17
pantallas internas
10
pantallas de la propuesta, escritorio + móvil
3
estados de bici marcan la disponibilidad
Siguiente proyecto — 04 / 06Giave