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

Cicles JK

Dissenyant l’ecosistema de lloguer de bicicletes — la plataforma amb què l’equip gestiona la flota, i una proposta de reserva per als clients.

Rol
Dissenyadora UX/UI
Durada
2025
Context
Projecte per a client · 100x100net
Productes
Plataforma interna · Reserva pública (proposta, no construïda)
Usuaris
Equip · clients
Rerebotiga — equip
Cicles JK dashboard: bookings, fleet by category and returns
Mobile booking step 1: bikes
01 — Context

Una botiga de lloguer de bicis a la Costa Brava.

Cicles JK lloga bicis elèctriques, de carretera, gravel, BTT, de passeig, júnior i infantils des de Palafrugell — per dies, setmanes o més, a particulars, hotels i càmpings, amb accessoris, lliurament i recollida. Reserves, flota, clients, preus i festius es gestionaven a mà. El projecte va portar tota l’operativa a una sola plataforma, i va proposar com els clients podrien reservar directament.

02 — L’ecosistema

Darrere de cada reserva, una operativa.

Llogar una bici no és només una pantalla de reserva. La bici ha d’estar disponible, al lloc correcte i a punt; l’equip necessita els detalls del lloguer; ha de tornar, revisar-se i tornar a estar disponible. Per això vaig dissenyar el servei, no una sola interfície.

Aparador — el que veurien els clients (proposta)
  1. Bicis i dates
  2. Dades
  3. Lliurament
  4. Pagament
  5. Confirmada
↕ una reserva, dades compartidesRerebotiga — el que gestiona l’equip
  1. Nova reserva
  2. Bicis → Llogades
  3. Lliurar / recollir
  4. Registrar retorn
  5. Lliure / Taller
El producte intern mostra la complexitat perquè l’equip l’ha de gestionar. L’experiència del client l’amaga, perquè la gent pugui simplement llogar una bici.
03 — Plataforma interna

La rerebotiga.

El tauler respon primer les preguntes del matí — reserves actives, bicis fora, retorns d’aquesta setmana, pagaments pendents — i després mostra la flota per categoria i estat, i els lloguers que s’acaben aviat. Cada bici té un estat que decideix si es pot llogar, així que la disponibilitat mai és només «existeix la bici?».

LlogadaLlogada — amb un client
LliureLliure — llesta per reservar
Al tallerAl taller — en manteniment
Cicles JK dashboard: bookings, fleet by category and returns
Bike fleet with state per bike
04 — Retorns

Tancar el cercle.

Un lloguer només s’acaba quan la bici ha tornat i s’ha revisat. El flux de retorn va bici per bici: en bon estat, al taller (amb què li passa i una foto) o no retornada — i comprova cada accessori, de manera que un GPS que falta es cobra abans de tancar la reserva.

Aquesta única pantalla és la que fa passar una bici de «Llogada» a «Lliure» — o a «Taller» — i manté la disponibilitat real per a la següent reserva.

Booking record with delivery and bikes
Register return: each bike marked good, workshop or missing
05 — Experiència del client

L’aparador — una proposta.

Per als clients, vaig proposar un flux de reserva públic que amaga tot això: tries dates i un tipus de bici (amb la talla a la mateixa targeta), afegeixes accessoris, introdueixes les teves dades, tries recollir-la a la botiga o que te la portin a l’allotjament, pagues i reps una confirmació que t’explica exactament què passarà.

Proposta de disseny — encara no construïda
  1. 1Bicis
  2. 2Dades
  3. 3Lliurament
  4. 4Pagament
  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 — proposta de disseny per a Cicles JK. Encara no construït.
06 — La decisió

Per què tipus i no models.

Si un client reserva una Atala Cult 8.1 concreta i aquesta bici va al taller, la reserva es trenca. Si reserva «una bici elèctrica, talla M», l’equip li pot donar qualsevol que estigui lliure. Reservar per tipus protegeix la disponibilitat — la rerebotiga es manté flexible i l’aparador, senzill. També encaixa amb com la gent tria un lloguer: per tipus, talla i preu.

Vaig explorar tres versions inicials. La proposta parteix de la tercera i la refina: la talla es tria a la targeta, cada tipus mostra la disponibilitat («Disponible», «Últimes 3») i qui dubta té un accés directe al WhatsApp de la botiga.

Versió inicial 1Per tipus · 3 passos
Early version 1: delivery and payment on one step
  • + Flexible per a la botiga
  • – Lliurament, adreces i pagament amuntegats en un últim pas
Versió inicial 2Per model · 3 passos
Early version 2: booking by bike model
  • + Patró d’e-commerce conegut
  • – Una bici al taller trenca la reserva
PropostaPer tipus · 4 passos
Escollida
Public booking: choose a type of bike and size
  • + Protegeix la disponibilitat
  • + Talla i disponibilitat a cada targeta
  • + El lliurament té el seu propi pas
07 — Responsive

Pensada per al carrer, no per a l’escriptori.

La gent lloga bicis de vacances — passejant pel poble, a l’hotel, uns minuts abans de pedalar. Per això la proposta de reserva funciona amb una decisió per pantalla, amb el total i el botó «Continuar» sempre a l’abast del polze, i les franges de lliurament com a botons grans.

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òbil — proposta de disseny, encara no construïda.
08 — Connectar les dues cares

Una reserva, dues cares.

Seguir una sola reserva pel sistema mostra per què els dos productes s’han de dissenyar junts.

  1. 01ClientReserva 2 bicis elèctriques (M, L) i una júnior del 14 al 21 d’octubre, amb lliurament a l’hotel
  2. 02SistemaLa reserva apareix al tauler i a Reserves
  3. 03SistemaS’assigna una bici lliure de cada tipus i talla → Llogada
  4. 04EquipPrepara les bicis i els accessoris i els porta a l’hotel a les 11:00
  5. 05ClientPedala per la Costa Brava
  6. 06EquipRegistra el retorn bici per bici: bé → Lliure, malmesa → Taller, falta el GPS → es cobra
09 — Producte final

Els detalls que ho fan funcionar.

Reserves amb filtres per tipus de client, un calendari on els festius i les temporades determinen la taula de preus, fitxes de clients i de bicis amb tot l’historial, i accessoris gestionats com un estoc.

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

Dissenyar experiències connectades.

Cicles JK em va ensenyar a dissenyar l’aparador i la rerebotiga alhora: cada decisió d’un client es converteix en feina per a algú de la botiga. Dissenyar per a l’equip i els clients a la vegada — B2B i B2C — volia dir un model coherent de bicis, estats i reserves a cada punt de contacte, amb regles de negoci com festius, preus, franges de lliurament i retorns donant forma a l’experiència.

2
cares — equip i clients
17
pantalles internes
10
pantalles de la proposta, escriptori + mòbil
3
estats de bici marquen la disponibilitat
Següent projecte — 04 / 06Giave