Client
Zapnap
Role
UI/UX Designer
Duration
Jun - Jul 2022
Problem
Have you ever tried to take a short nap on the train only to wake up and find yourself at the end of the line? This problem is more common than you would think for transport users. They do not have access to products that would wake them up when it is their stop.
Solution
Design a dedicated app to help people wake up on time for their stop and landing website to give visitors and potential users the choice to download the app on various portable devices. making the users be on time for their work, meeting, and any kind of important occasion.
Overview
My role in this project was to lead the dedicated app and landing website design from conception to delivery. To create paper and digital wireframes, low and high-fidelity prototypes, conduct usability studies, account for accessibility & iterating on designs.
Research
I used the existing data on how many people miss their stops due to distractions or falling asleep and found out the numbers are as high as 20 million passengers a year.
I conducted interviews to validate the data shown above. Most interview participants made it clear that users would be open to using the app if it would avoid them missing their stops.
Problem Statement
Emma is a registered nurse and pet owner who has fast-paced life and due to her occupation she can not get enough sleep on a daily basis, the only time it’s possible is on the way to work and home.
She is frustrated with her missing the bus stops all the time, and there are no apps or services that could satisfy her need and help her wake up or inform her when it’s her time to come off the transport.
Ideation - Crazy 8s
I did a quick ideation exercise to come up with ideas for creating design that could be usable and easy to navigate. My focus was specifically on Implementing the saved stop destinations and search screen.
Digital Wireframes
After drafting some paper wireframes, I created the initial designs for the Zapnap app. The designs focus on delivering the primary user needs which are abilities to select and set reminders for the locations.
Low-fidelity Prototype
To prepare for usability testing, I created a low-fidelity prototype that connected the user flow of setting a reminder.
High-fidelity Prototype
The hi-fi prototype followed the same user flow as the low-fi prototype, including confirmation loading screen changes after the usability study.
Different Screen Size Variations
The designs for screen size variation included mobile, tablet, and smart watches. I optimized the designs to fit the specific user needs of each device and screen size.
Smart Watch
Mobile
Tablet
Landing Web Design
After different variations of the product's design were polished, I decided to start working on the landing website design which would introduce the visitors to the product and encourage them to download the app. I went with the simple design to not overwhelmed the visitor, but I made sure to include the mockups showing off how the product would look on different devices and screens.
Impact:
After conducting research and surveys I found out that 18 out of 20 users would be delighted to use the product and 14 out of 20 would be using it daily on different devices.
What I learned:
User research is always the key to getting to the root of the problem because the users will always have different needs for different products. therefore different data and feedback.