Case Study: Doggercise App
This project was executed as part of Dribbble's product design course.
Prompt: Design an app that matches dog walkers with dog owners
My take - an app for owners of high-energy dogs and people who will exercise with them.
Competitive Analysis, User Research, & User Flows
My research with potential users revealed that there was no need for this app, but let's call Dribbble my client and say this was the ask.
I looked at the two most popular pet care apps - Rover and Wag.
The user interviews revealed that the biggest concern among interviewees was TRUST: How do I verify that my dog is being taken good care of? How do I verify that the dog walker is upholding their end of the agreement?
I addressed these concerns by including an "EXP" (years of experience) value in exerciser profiles, star ratings, and the ability for exercisers to indicate that they specialize in caring for a particular breed or breeds. Exercisers would also be able to time and track their exercise sessions and send this data to dog owners (this is functionality I thought through but did not include in the prototype).
User Flow: Onboarding
This user flow focuses on the user signup and onboarding process, ending with an overview of the actions users can take from their dashboard once registered.
Wireframes
I explored a few different ways to execute the user flow. The first iterations didn't include a dashboard, but after examining various designs I concluded that having a dashboard or home base would help to orient my users. Much of the layout and functionality changed between this step and the visual design to accommodate greater ease of use.
Figma Styles & Components
I componentized common design elements including buttons, form fields, notifications, global navigation, and exerciser profile cards.
User Testing
Tests of the Figma prototype led to a further simplification of the dashboard UI to more clearly guide user actions.
Instead of having separate dashboard buttons for "Book" and "Search" I combined these actions under the more clearly labeled umbrella button "Book a Service." I also changed the ambiguously labeled "Calendar" button to "Current Bookings."