UX DESIGN + MOBILE APP DESIGN
Mount Purrnon Cat Café
Mount Purrnon Cat Café + Wine Bar is a place where you can visit adoptable cats, learn about the history of Old Town, Alexandria, and grab food or drinks. Their goal is to provide an environment for cats to learn how to socialize and meet their new families.
The Challenge
To take an existing cat cafe and create an app concept for cat lovers, anyone who’s interested in adopting a cat, and want to support a new local business. I reached out to the local business owner and proposed this idea, as well as suggested improvements for the navigating experience of adopting and booking ahead of time for their customers.
Disclaimer: All of the branding, content, and cat photos used for this case study belongs to Mount Purrnon Cat Cafe.
Visual Identity
COLOR AND TYPOGRAPHY
Mount Purrnon already has an established look, so I focused on worked on with what they have on their website and used two typefaces for the app design: Caudex and Gotham. I wanted to keep Old Town’s vintage feel to it, while making the look of the app modern. It’s a balance of both.
Design Process
Discover
RESEARCH
First, I looked at the cat café’s community reviews through Google Reviews and Yelp to get an idea of how the place is. Since the place is fairly new and just opened in August 2020, there isn't that much information yet. I also stopped by to meet the purresident of the cat cafe in order to get a better understanding on how the local business is doing during these times and what to focus on for my research.
Social Media
USER INTERVIEWS
I started to gather my data by conducting interviews with 10 locals and potential customers who are cat lovers, pet owners, and interested in adopting a cat. Interviewing them helped me understand their motivations and knowledge about other cat cafes that they’ve been.
7/10 people said that they would definitely recommend visiting a cat cafe to their friends
3/10 were between agaes 35-45 and the rest were ages 25-34
50% are interested in adopting cats
50% have been to a cat cafe or something similar before (Crumbs & Whiskers in Georgetown; Pounce Cat Cafe in Charleston, SC; Brooklyn Cat Cafe in NY; Denver Cat Company in CO; Cafe Katzentempel in Munich, Germany; Cat Cafe in Reykjavik, Iceland; Cat Cafe in Bangkok, Thailand, and more!)
Affinity Mapping
Define
To understand the target users, the goal for this process is to figure out what motivates the users, their goals and frustration. Once its determined, we can understand what to fix and iterate to help the user with and prepare for the final design.
KEY INSIGHTS
COMPETITION
INFORMATION ARCHITECTURE
Design
I started to generate ideas from the feedback I received and my research on other cat cafes. From there, I was able to figure out what they were lacking on their platform for cat adoption and focused on enhancing the user experience in that area.
KEY INSIGHTS
I created some sketches, but had to skip the low fidelity wireframes due to time constraint, so I jumped straight to Figma to design the screens since I already obtained sufficient information from my sketches and research.
Adoption
Under the current adoption page, when you click on the adoption application button, it leads you to the Fancy Cats & Dogs website. Some users complain that it is too long and hard to follow. There’s no hierarchy, and there are way too many steps that are separated in filled boxes.
I empathize with the user on how this can be overwhelming. To solve this, I made the call to action stand out and merge the application within the cat cafe’s solely for this app concept.
Profile
Call the cats by their name. Learn their likes and dislikes. There’s also now an option where you can filter and sort out your cat preferences if you are interested in adopting.
Booking your visit
Schedule ahead of time to visit the cats! Reservations are not required, but are encouraged if you want a guaranteed time slot. Walk-ins are welcome as well especially during days when the cafe is not busy.
Ordering food/drinks
This feature allows customers to view the menu and order through the app to minimize contact and order food and drink from their seat.
Prototype
Results
USABILITY TESTING AND USER FEEDBACK
I asked some locals that fit the target market to test the prototype and ask them to book a visit, view the menu, as well as go through the adoption application process. They got through the adoption process much easier than what was on the adoption website. Some users don’t mind doing the application process through the desktop if only it was more concise and less confusing. After testing the interactive prototype, users have commented that the flow looks much better and going through the application is less time consuming because the questions were less repetitive and more concise.
WHAT I LEARNED
Since it’s a new local business and due to COVID-19, they don’t have the budget to develop an app, nor need one at this stage. Initially, what I had in mind is that an app concept would be convenient because you can view the selections easier and it would be user friendly as well. But after conducting my user interviews, most of the locals don’t mind booking their visit on the website or viewing the menu once in the café. It’s a matter of preference. Most of the concern is mainly on the adopting process. Nonetheless, from the findings I’ve come across, I have been able to support the cat café and provide ideas in finding ways to improve their usability and user experience.