A cycling companion app for women
[01]
BIKERGIRL.COM
bikergirl.com is a web application designed for women who choose to move, travel, and stay fit by riding a bike. Through the app, users can connect directly with experts to ask questions about bike mechanics, trip planning, lifestyle tips, and styling—making cycling a pleasure, not a sacrifice.
This application was created as the main project for my CareerFoundry UX Immersion Course.
Tools used:
Sketch
InVision
Balsamiq
Google Surveys
Optimal Workshop
UsabilityHub
[02]
PROBLEM STATEMENT
Our users need a way to find answers to their questions about cycling and the cycling lifestyle because they want to integrate the bicycle into their lives without sacrificing elegance or independence.
//USER FIRST
[03]
FIRST RESEARCH
To guide my research, I looked at competitors and analyzed their main strengths and weaknesses. I found that while there are many alternatives on the market, most are male-oriented, with little representation for women, and often lack attention to aesthetics. Many products are also highly specialized, offering limited support for beginners. Through three user interviews, I learned that users often find themselves overwhelmed by the available options or feel they are not taken seriously, especially women. These insights helped me better understand the real experiences and preferences of potential users.
//COMPETITOR ANALYSIS //USER INTERVIEWS
[User interviews affinity map]
[04]
USER STORIES
I used the information I gathered to create user stories, which helped me identify the key features that would address users’ needs and solve their problems. Here are a few examples:
Browsing Free Content:
As a user, I want to browse free content on the web app, so I can stay informed about topics that interest me.
As a user, I want to choose the themes of the content I browse, so I know I'll find information that I enjoy.
Video Call with an Expert:
As a user, I want to book a call with an expert, so I can plan when to have a conversation.
As a user, I want to choose which expert to speak with, so I can find someone whose perspective I trust.
//USER FIRST //USER STORIES //USER NEEDS
Some user needs:
Our user feels insecure while cycling and needs more information and strategy to feel safer and more confident.
Our user needs help to find companions for adventures and routes.
Our user needsoutfit suggestions for cycling in bad weather
Our user needs mechanical assistance without having to be ashamed of not being an insider of the bicycle world.
[05]
PERSONAS
The insights from my interviews allowed me to create two user personas, each with a name, face, and story. Addressing their needs guided and inspired every stage of my project.
//PERSONAS //USER JOURNEY //USER FLOW
[Persona]
[User journey]
[User flow]
To structure the website, I first created a site map informed by the user flow. This initial version underwent five review cycles, and the sixth was approved after being evaluated through a card sorting test on Optimal Workshop with five participants. I made final refinements following feedback from user testing.
//SITE MAP //CARD SORTING
INFORMATION ARCHITECTURE
[06]
[Site map]
[07]
PROTOTYPES
I started by creating a detailed site map, then sketched the full user flow in low fidelity on paper. Next, I developed medium-fidelity wireframes in Balsamiq, followed by a high-fidelity interactive prototype using Sketch and InVision. Each stage involved several rounds of iteration and refinement.
//PROTOYPE
[From low fidelity to high]
[08]
USER TEST
The test aimed to assess users’ understanding of the app’s purpose and values, as well as how intuitive it is to use. Six participants took part, and the results were tracked using a rainbow sheet. By highlighting the frequency and severity of issues, I was able to prioritize findings and develop targeted design solutions.
//USABILITY TEST
[Rainbow sheet]
The final design
[Onboarding]
[Onboarding]
[Home page]
[Experts catalogue]
[Experts detail]
[Weather based styling]