WeeGo is a mobile application that is designed to provide people in NYC with the ability to find restrooms near them that meet their individual needs.
With WeeGo, users can see restrooms near them and filter by amenities, ratings, and accessibility.
New York City does not provide enough public restrooms to meet the population’s needs and many of the ones available are not maintained properly.
This has led people to rely on private businesses for restrooms. Yet, there is not a comprehensive resource available that shows people in NYC restrooms near them.
The public restroom situation in New York City is problematic, as shown below. This has led most people to rely on private businesses for restrooms
In order to verify this was a problem many people were experiencing, I interviewed several New Yorkers, and collected the following insights:
1. Participants rely on restaurants, large brand name stores, and their place of work to use the restroom while in NYC
2. All participants had experience using restrooms in NYC that were not clean and did not have the proper supplies.
3. They all would prefer restrooms to be clean, well stocked, and smell nice
4. All of the interviewees are frustrated with not knowing where the nearest restrooms are and the lack of available restrooms in NYC
After determining the task flow for the app, I began sketching possible layouts for the screens in the task flow. Below you can see a few options I explored for each screen. During the sketching process I utilized the Crazy 8 process in order to quickly explore a range of different layouts.
After finalizing my layout plans on paper, I moved on to low fidelity wireframing in Figma
Now that I had a general flow laid out for my app, I conducted two rounds of user testing with five participants each round to get feedback on my product and identify areas that needed improvements
the scenario presented to participants was to imagine they are a father of two children who needs to find a restroom with a changing table by using the WeeGo application
Now that I had the flow of the app and a low-fidelity prototype done, it was time to start figuring out what WeeGo really was as a brand.
I started the Brand Identity process by creating a “More A than B” list, then I chose adjectives that I felt WeeGo embodied
I extracted colors from my Moodboard to create WeeGo’s brand colors. These extracted colors ranged from blue to green, ultimately I went with blue as my primary color because it felt more clean and also is a nod to NYC’s flag color
After extracting colors from the moodboard, I made sure the combinations I was using passed WCAG AA compliance for accessibility considerations.
After choosing my brand's color palette, I moved on to brand typography. Typography is one of my favorite subjects, so I did an in depth search for fonts for WeeGo.
