top of page

Globike is a simple way to order
bicycles online

In this case study, the focus was to develop a responsive web flow to order bicycles online where people could navigate in the simplest and reduced way possible.

Role

UXer | Product designer 

Duration

One month

July 2022.

mockup mobile and desktop globike home screen

Challenge

A flow to order bicycles in the online market with various brands

for occasional users, people with reduced mobility

and users who use the bicycle as a means

of transport in everyday life.

Cool Kids - Performing illustration
mockup home screen mobile and desktop globike webpage case study

Solution

A multi-brand marketplace and order flow

Finding your bike online is easy and buying it is just

as simple. It's the goal for Globike webpage.

Secondary research

Disclaimer: All the data can be found here Barómetro de la Bicicleta 2019 or here Darpedales.

The Movement - Standing illustration

Who buys bicycles in Spain?

Women promote the use of bicycles in Spain. In 2019, the proportion of men remained the same (58.9%) while women riders increased by six points (42.8%).

Three key concepts

The increased association between mobility, environmental safety and health value remains the main advantage of cycling for users.

Beep Beep - Fast Delivery illustration

Personas

Who are our users?

Image by Chris Henry man riding a bike on the trail

Pedro

is a weekend cyclist who needs a good bike because he prefers to spend a lot on a good bike to enjoy the road more comfortably.

clem-onojeghuo-mbZsLMDBPiY-unsplash a back of a woman riding a bike with black jacket, bag back blue in the city

is a daily rider who needs a cheap urban bike because it is her daily vehicle.

rasmus-gerdin-unsplash photo of someone riding a wheel chair

Gustavo

is a paraplegic rider who needs a hands bike because he wants to train to be a paralympic athlete.

Details of the identification process and empathy... Read more

Competitive analysis

It was to determine the competitor’s strengths and weaknesses to better develop the Globike web page.

Image by Harpal Singh icons

Design

A clean and simple layout

increases the usability

Image by Aarón Blanco Tejedor black and white hand greeting

Interaction

Conventionally designed websites create an intuitive flow for users.

Image by Nathan Dumlao soccer stadium

Goal

The minimum number of clicks facilitates to complete

the user's goal.

The complete competitive analysis is... Read more

​Prototype

The sitemap

After defining users and analyzing related webs, It's time to ideate and understand the relations between pages.

site map hierarchy information architecture
digital wireframe  road bikes
digital wireframe  basket
digital wireframe  road bike detail
digital wireframe  order complete

Low fidelity prototype for desktop

mockup-low-fidelilty globike mobile webpage

Low fidelity prototype for mobile

High fidelity prototype for desktop

mockup desktop home screen
mockup desktop details order screen
mockup desktop basket screen
mockup desktop completed order screen

High fidelity prototype
for mobile

high-fid-mockup globike webpage

5 second test

 The brand is "New cycle" or "New Bike". 

I didn't see where the menu and cart were I guess it would be at the top right.

I didn't see the button to see more content.

Opinion Scale

43% considerer super easy to use, 43% felt it was easy, and 14%felt almost easy.

Mission's paths

23,6% avg. misclick rate.

83,3% avg. success

15,5sec. avg. duration

Design issues

Increase the image sizes and price visibility. Review the checkout elements.  

The complete usability test report is... Read more

Usability test

To understand how real users interact with the website

Flows of prototypes tested with thirteen users, performing tasks and recording and analysing the results to iterate and improve the product.

Iterate

Try out the prototypes

I have improved the product to the final version based on test results and user feedback.

Mockup of the globike webpage home screen

Next steps

1

Add more support to adapted bike users.

2

Add more details about safety road advice.

bottom of page