Fastos Group

A website for bike riders and sellers

Role: Web Designer

Date: Nov 2018 - Jan 2019

Design Tool: WordPress CMS

Description: A comprehensive website for a bike company, introducing their products (bikes and spare parts)

Objective

Recognizing the passion among riders for high-quality bicycles and spare parts, our objective was to establish Fastos website as a leading source of information for both riders and bike sellers. By providing comprehensive details about the company, products, and services, our goal was to create a user-friendly website that serves as a resource for anyone seeking information about riding and the brand.

Fastos.ir was the first website that I designed using the WordPress CMS. They were selling bikes to business owners at the time. As a result, the main goal of this website was to provide potential customers and end users with information about Fastos Group and its products.

I tried to make use of visual elements such as icons and photos as much as possible to make a better experience for users - due to the fact that a lot of people do not know the names of some bicycle accessories. Furthermore, at the bottom of the main page, there is an image of a bicycle with different parts identified on it to help visitors become familiar with bicycle accessories.

Problem Addressed:
Fastos identified a need for a centralized and informative online platform to serve both riders and bike sellers. The existing challenge was the lack of a comprehensive source for detailed information about the company, its products (bicycles and spare parts), and services.

Process:
Conducted market analysis, designed a user-friendly website, and ensured mobile responsiveness.

Empathy Map

Says:

"I wish I could find more detailed information about the latest bike models."
"I find it frustrating when websites don't work well on my phone."

Feels:

Excitement about discovering new bike models and accessories.
Frustration when unable to access information seamlessly on mobile devices.

Thinks:

"I want to make sure I'm investing in the right bike or spare parts."
"Mobile-friendly access to product information is essential for my convenience."

Does:

Compares different bike models and their specifications.
Uses mobile devices for quick access to information.

Persona

Alex Wheeler

Age: 32
Occupation: Software Engineer
Passion: Enthusiastic Cyclist

Needs and Goals:

Wants detailed information about the latest bike models and spare parts to make informed purchasing decisions.
Values community engagement and desires a platform to connect with fellow cyclists, share experiences, and participate in biking events.
Seeks a seamless online experience, especially on mobile devices, for quick access to biking information.

Challenges:

Feels isolated within the biking community due to a lack of centralized online spaces.
Struggles with navigating websites on mobile devices, hindering the exploration of biking gear.

Pain Points:

Limited Product Information:

Users may struggle to make informed decisions if the website lacks detailed information about bike models and spare parts.

Inaccessible Community Interaction:

Users interested in community engagement may find it challenging to connect with other cyclists or participate in events due to a lack of a designated space on the website.

Poor Mobile Experience:

Users exploring the website on mobile devices may encounter difficulties with navigation and functionality, impacting their overall experience.

Complex Product Exploration:

Users might face frustration if the process of exploring and understanding the specifications of bikes and spare parts is unclear.

From the data obtained from empathy map I wrote the user story that is: As a cycling enthusiast, I want to explore the latest bike models and spare parts , so I can make informed decisions about my cycling gear.

Considering the problem and user story, I wrote the goal statement: Develop a user-friendly website that provides comprehensive information about bike models and spare parts, ensuring a seamless exploration experience for users.

Hypothesis statement for this project would be: If Alex has access to a user-friendly website with detailed information about bike models and spare parts, then his engagement and satisfaction will increase.

Problem Statement

Alex is a cycling enthusiasts who needs a centralized platform to access detailed information about the latest bike models and spare parts, because he wants to make informed decisions.

Sitemap and Menu

Sorting the products into categories was one of the main design challenges for this website. Due to the wide variety of product types, it was necessary to classify them into groups based on user behavior in a way that was predictable to users. We conducted quick usability testing with a few people to determine the optimal menu design.

We discovered that the user is better able to understand the categories due to the pictograms.

Usability Study

Study Tasks and Goals:

Navigate to the Fastos website and easily locate the "Products" section.
Browse through various bike models and spare parts with detailed descriptions and high-quality images.
Find comprehensive information about each product's specifications, pricing, and availability.
Experience a seamless transition between desktop and mobile devices while exploring the products.

Findings:

Navigation Clarity:

Users generally found the navigation intuitive but suggested minor improvements for better clarity and organization.

Product Information Accessibility:

Participants appreciated the detailed product information but recommended adding quick access links or a search bar for faster navigation.

Mobile Responsiveness:

While mobile responsiveness was generally good, some users encountered minor issues with page loading speed, indicating a need for optimization.