Passion Gadgets: A Website Revamp

Context

Passion Gadgets is an e-commerce platform that specialises in bicycles. They carry a wide variety of foldable bicycles and caters to cyclists of varying experience levels.

Our team of 4 were tasked with revamping the existing Passion Gadgets website to improve their checkout rate. Passion Gadgets also requested an additional feature which allowed customers to narrow down bike options before their test ride session.

Summary

  • Duration: 3 Weeks

  • Team: 4 UX Designers inclusive of 1 Project Manager

  • Role: UX Designer (Focused on Usability Testing)

  • Skills: User Research, User Interface Design, Usability Testing

  • Tools: Figma

Results

Customers in our usability testing mentioned that the overall revamped website looks good.

“Navigation is better than the current website” - B

Additionally, we implemented 2 new features to the website, a bike finder quiz & a bike buyer’s guide, and improved the existing bike comparison tool

“Buyer’s Guide is good for first timers” - G

“I would be keen to use this quiz feature” - M

“Questionnaire is useful” - F

“The compare page looks pretty good” - B

“At one glance I can see the specs” - G

Problem

We identified 2 major problems after several visits and interviews with the staff and customers:

  1. Customers have trouble navigating between the test centre & retail store and are unsure of which location they should visit first

  2. Customers have to wait a significant amount of time before their test ride especially on weekends

Goals

  • Customer: Reduce the waiting time for a test ride and clarify differences between test centre & retail store.

  • Business: Streamline test ride and purchasing process by helping customers narrow down bike options.

  • Product: Improve the layout, navigation and mobile responsiveness of the existing website to be inline with contemporary design trends.

Understanding the Passion Gadgets Experience

We visited Passion Gadget’s physical store to meet with our client and get a better understanding of their business.

Staff Interviews

We conducted interviews with several employees to find out the challenges they faced and the common concerns that customers faced.

Field Study

We also conducted field studies to observe customers’ behaviour and their interactions with the staff.

Key Insights

Main Types of Customers

First-time Bike Buyer

  • Does not have any bike purchasing experience

  • Seeks out recommendations and advice from staff

  • Wants an entry-level bike

Bargain Hunter

  • Wants the most value-for-money bike

  • Seeks out discounts and freebies to get the best deal

  • Compares bikes based on brands and specs

  • Has requirements for specific bike specs such as wheel size and speed

Long Wait Times

We observed several customers standing around waiting for their turn to test ride bikes at the test centre. As customers have to be accompanied by at least one staff member during the test ride, this results in a long wait time.

Furthermore, we discovered that a majority of the customers would walk-in for a test ride instead of making an appointment. This was confirmed by the staff who mentioned that there was a low usage of the appointment booking system.

Given that the crowd also becomes heavier on weekends, this causes a huge frustration for both the customers and the staff, which ultimately affects the business.

Confusion Over Test Centre & Retail Store

We also observed that several customers came to the wrong place - they intended to visit the test centre for a test ride but arrived at the retail store instead. These customers are usually first-time purchasers and were confused by what to do at each location.

Key Design Features

With the revamped website, we aimed to tackle the main challenge of long wait times by raising awareness and increasing usage of the appointment booking system. Successfully doing so would allow us to streamline the test ride and purchase process. This translates to increased efficiency for the business and reduced frustration from the customers and staff.

Declutter Navigation & Increase Salience

The first change we implemented was to condense the items in the existing navigation bars to one concise one.

The existing website had 3 different headers, each with its own unique items. It got more confusing in the website’s mobile version where each header had its own hamburger menu icon. Since one out of the numerous menu items was the call to action (CTA) to book an appointment, it was easily overlooked.

With the consolidated navigation bar, the book test ride CTA is more visible and clearly displayed.

Narrow Down Bike Options & Reduce Cognitive Load

We implemented 2 changes aimed towards helping customers make a more informed decision about the bikes they would like to test ride and/or purchase.

These changes strive to help customers filter down their choices so they would not be overwhelmed and there is less strain on their decision making capacity.

  • Quiz

We implemented a new Bike Finder Quiz feature to provide customers with bike recommendations based on their cycling habits, bike requirements and budget. This would cater to the first-time bike buyers, who are considered one of Passion Gadgets’ main clientele, by filtering down the number of bike options they would have to consider and help them make a decision without the need to rely on the staff’s advice.

More importantly, we included the book test ride CTA at the confirmation page of the quiz to direct more customers into making an appointment for their test ride.

  • Comparison Tool

We also made changes to the existing comparison tool such that the compare CTA button is more visible.

The revised comparison page also includes a comparison table for important information that customers look out for such as price, brand and other more technical bike specs. This caters to the demands of the bargain hunters who would often make multiple comparisons before making a decision to purchase a bike.

Similarly, we also included the book test ride CTA at the revised comparison page so customers would pay more attention to it and use it to make an appointment for their test ride.

  • Book Test Ride Bike Selection

To integrate the recommendations and comparisons, we updated the book test ride feature to include a section on bike selection.

If the customer clicked on the book test ride CTA from the quiz confirmation or comparison page, their bike results would be auto-populated into the section.

This quality of life update would reduce the stress of having to browse through too many bike options and help the customer stay focused on only a few good choices.

Provide Clear Instructions & Reduce Confusion

Lastly, we needed to clear up a common confusion that many customers faced - what is the difference between the test centre and the retail store?

Our solution was to provide a bike buyer’s guide on the home page which detailed a typical customer’s bike purchase journey with Passion Gadgets in a series of steps.

This instructional guide provides clear actionable steps that customers could easily follow if they are unsure of where to begin. The guide also featured a detailed map outline of the 2 locations as well as key street names and landmarks in the vicinity.

Furthermore, this was an additional opportunity to incorporate the CTAs we aimed to highlight and direct more customers into using the Bike Finder Quiz and Book Test Ride features.

Usability Testing & Iterations

We made an interactive prototype with our proposed ideas and took it down to the Passion Gadgets store where we conducted 7 in-person usability tests to gather feedback from existing customers.

Based on their feedback, we implemented 3 changes to our website:

Iteration 1: Home Page Banner Visibility

We observed that all 7 users did not click on the Bike Finder Quiz found on the homepage banner.

We increased the banner height and included a clear CTA button to direct users’ attention to the quiz.

Iteration 2: Bike Finder Quiz Questions

We made changes to 2 questions in the quiz to improve their accuracy.

We also enabled the selection of multiple options for one of the questions so it becomes more accessible and easier to answer.

Iteration 3: Comparison Page Bike Specs

We included 2 important bike specs that were previously missing and were requested by the customers - shifter & casette.

Conclusion

Our strategy for tackling the main challenge of long wait times was to focus on increasing the usage of the book test ride feature.

With that focus in mind, we implemented 5 key changes to the website to increase awareness and visibility of this feature.

These new website features would be the first step towards facilitating improvements in the customer’s test ride and purchase journey.

More importantly, they also help us to reach the customer, business and product goals we set out to achieve.

Future Opportunities

Service Design

Service design is the activity of planning and organizing business resources in order to directly improve the employee’s experience and indirectly, the customer’s experience.
— NN/g

There are 3 core components for service design - people, props, and processes.

What we had done with the website revamp was one aspect of business props and served only as an initial point of the customer’s journey.

There are plenty of opportunities available involving the people and process which we did not have the time to engage with.

These are areas which Passion Gadgets as a company could address to further improvement the test ride and payment process for customers and employees.

Content Strategy

User experience is more than just the design of the website.

How the content is communicated and organised is essential for providing an exceptional user experience.

A holistic content strategy involves an organised process and structure for content management and well thought out content delivery that is aligned with the company’s personality.

The existing website content prioritises function over form, often having multiple pages filled with details.

Standardising the tone and voice of the content with a human touch would be another opportunity for improvement.