Safe Cycling App
Product Designer. UI Designer
*The app was a 10-week project.
Cyclists don’t have an easy way to monitor the current conditions of the bike lanes and roads they utilize on commutes.
Project Overview
I was recruited into a digital design agency after the course.
Key Achivements
-
Figma
Miro
Maze
Google Workspace
-
I wrote the research plan, interview questions, recruited relevant interviewees, and facilitated each discussion. After conducting four virtual user interviews with cyclists ages 35 - 50 in three countries, I was able to identify users' shared goals and pain points when cycling.
Below is the synthesis of the first round of research.
-
User Research
Led Ideation
Wireframes
Usability testing
Prototyping
Visual Design
-
After initial research, I created user personas. Next, I created a 2x2 matrix, allowing me to determine which feature was most valuable for the user in the development of the app. These guided my design process.
I chose not to create the feature that amounted to the lowest cost, because that was not compatible with the needs of the users. So, though the features arenot the most affordable, they have high impact. Vital to the app launch, these features reroute cyclists to a safer route while encouraging them to input safety data along their routes to build a shared community of safety.
I also created a detailed user’s journey to further empathize with the user. This allowed me to better understand the user’s pains and gains along the feature’s touchpoints.
-
Based on the target audience interviews, I analyzed and synthesized the qualitative data. Using the data, I started with hand-drawn sketches so I could ideate quickly and move into mid-fidelity sketches for user testing.
-
Based on the low-fi sketches, I created mid-fidelity sketches in Miro that I would could use in qualitative user interviews. The testing results provided insights as to where the app needed to be improved.
-
The mid-fidelity user testing allowed me to see a heat map of the app and where users got stuck or unsure of the next step. I updated the design based on the this feedback, and created a prototype.
A short demo of the prototype.
-
Based on the feedback, I had an MVP ready to develop. After the MVP release, I would conduct more testing to further improve the design.