top of page
Image by Mikkel Bech

Bolt Bikes

Case study of a website upgrade

Design Goal

Increase BoltBike's conversion rate 

Creative brief

Demographics of the target user

User flows and site maps

High Fidelity  and key screens

Design Details

The creative brief that we were given at the start of the project,  stated that 50% of users open an average of 7 item pages and then abandon the site without moving any items into the cart.

 

The hypothesis - that users were unable to determine which bike was best, based on relative features.

Additionally, 70% of users who place an item in the cart did not purchase. Data given in the design brief, showed that users abandoned the cart at the registration page.

Project: Capstone 2 BoltBike Website Springboard UX/UI Bootcamp

My role: User Research, Mobile layout design, Logo design, Branding

Tools: Figma, Illustrator




 

Target User

Target User

Target User Demographics

• 24 - 38 years old   

• They take biking very seriously 

• User base is 72% men       

• They research before purchasing​ 

• High income earners

User Flow

This diagram shows the user flow, the path a typical user would take to complete a specific task, from entry point to final outcome.

The user’s path would start at the BoltBike homepage, then look at the bike’s features, add the bike to the cart, and finally complete the purchase of the bike.

Site Map

The site map shows the overall site structure of the BoltBikes website.

Mood Board

The BoltBikes mood board had an emphasis on lifestyle and product photography.

Low Fidelity

Low fidelity screens were designed first. These were used to get a sense of layout, and site design functionality. The Low Fidelity screens were used in the initial Usability tests.

_ BoltBikes_LF Screens.png
_ BoltBikes_HF Screens01.png

High Fidelity

The High Fidelity screens were created, based on the Low Fidelity wireframes.

Beautiful bike - lifestyle photography, and product photography from unsplash.com was used to help “sell” the upscale bikes.

 

The High Fidelity screens were used in the second round of usability tests.

Key Screens

MainPage_EmailCapture.png
ItemPage - Apparel-1.png
30.Capstone2_ProductPage.png
HomePage.png

Design Solution

Eye-catching photography to clearly define the product as a lifestyle, highlight the bike's best features. 

bottom of page