![SoPet Landing Page.png](https://static.wixstatic.com/media/c33450_57b279852e204150a9dde358dfadf660~mv2.png/v1/fill/w_1049,h_552,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/SoPet%20Landing%20Page.png)
Process
​
-
Remote Interview Moderation
-
Persona Creation
-
Empathy Mapping
-
Affinity Mapping
-
Rapid Prototyping
-
Usability Testing
-
Logo & Brand Design
Project Context
​
-
April - August (16 Weeks)
-
Solo Project
-
A project dedicated to dog owners who have a concern about their dog's socialization.
PROBLEM
​
Dog owners want to socialize their pets and have fun experiences with them but sometimes face obstacles like limited socialization opportunities or pet-friendly activities in their local community.
WHAT LED TO THE PROBLEM?
​
​
Through the 5 interviews, I was able to gain valuable insights
As a first kick-off of the project, I started by conducting secondary research to understand the problem area, followed by defining target user types, screening them, and carrying out primary research. (Questionnaires and Interviews.)
![SoPet-Interview Notes.png](https://static.wixstatic.com/media/c33450_5033d85cfdf04b4a8c9794063045bd7a~mv2.png/v1/fill/w_981,h_310,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/SoPet-Interview%20Notes.png)
DOG OWNER PERSONA
![SoPet-Persona.png](https://static.wixstatic.com/media/c33450_1edd81f5f9f94522ab68b1920fab7a1c~mv2.png/v1/fill/w_976,h_581,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/SoPet-Persona.png)
HOW MIGHT WE STATEMENT
​
​
How might we improve socialization opportunities and pet-friendly activities for dog owners who face challenges finding such experiences in their local community?
IDEATION PROCESS FOR THE SOLUTION
​
​
Enable users in finding and booking a diverse range of enjoyable activities and experiences for their dogs, including the added convenience of reserving pet-friendly spots at restaurants.
![](https://static.wixstatic.com/media/c33450_e553c88ac7dc458592f04131a5d4fe2a~mv2.png/v1/fill/w_980,h_551,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/c33450_e553c88ac7dc458592f04131a5d4fe2a~mv2.png)
Used the HMW method to create high-level ideas.
![](https://static.wixstatic.com/media/c33450_bd12130ae2034d8981549f9a87646c85~mv2.png/v1/fill/w_980,h_551,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/c33450_bd12130ae2034d8981549f9a87646c85~mv2.png)
Created user stories by breaking down HMW ideation ideas into actionable items that align with the persona's needs and goals.
![](https://static.wixstatic.com/media/c33450_4734ba96b7e54685a7ce7a3dcb40a179~mv2.png/v1/fill/w_980,h_551,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/c33450_4734ba96b7e54685a7ce7a3dcb40a179~mv2.png)
Utilized user story mapping to create a simple journey for my MVP by identifying how the user stories fit together.
![](https://static.wixstatic.com/media/c33450_e553c88ac7dc458592f04131a5d4fe2a~mv2.png/v1/fill/w_980,h_551,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/c33450_e553c88ac7dc458592f04131a5d4fe2a~mv2.png)
Used the HMW method to create high-level ideas.
USER FLOW
Flow 1
Make a reservation
Flow 2
RSVP for the event
Flow 3
Create an event
![SoPet-User Flow.png](https://static.wixstatic.com/media/c33450_38153e4651d4459ca4d1c3bc6af2665d~mv2.png/v1/fill/w_957,h_1076,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/SoPet-User%20Flow.png)
SKETCHES
​
​
Conducted guerrilla tests with 5 target users on initial wireframes
![](https://static.wixstatic.com/media/c33450_c9a4ac408fdf4f8c950d6861b345fe9d~mv2.png/v1/fill/w_980,h_551,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/c33450_c9a4ac408fdf4f8c950d6861b345fe9d~mv2.png)
Initial sketches for project functionality and layout ideation.
![](https://static.wixstatic.com/media/c33450_ff27c8bf3ba04b199777375242b0a66f~mv2.png/v1/fill/w_980,h_551,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/c33450_ff27c8bf3ba04b199777375242b0a66f~mv2.png)
Used sketches to get quick feedback from guerilla testing, and this allowed me to identify areas for improvement.
![](https://static.wixstatic.com/media/c33450_3063deeeb9044a6fbadc261862784325~mv2.png/v1/fill/w_980,h_551,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/c33450_3063deeeb9044a6fbadc261862784325~mv2.png)
Created a low-fidelity wireframe that incorporated the feedback received during the first round of guerrilla testing.
![](https://static.wixstatic.com/media/c33450_c9a4ac408fdf4f8c950d6861b345fe9d~mv2.png/v1/fill/w_980,h_551,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/c33450_c9a4ac408fdf4f8c950d6861b345fe9d~mv2.png)
Initial sketches for project functionality and layout ideation.
DESIGN
​
The Style Guide
Before moving my low-fidelity wireframe to a high-fidelity version, I carefully considered the layout, font, and color scheme that would best represent my app's brand. My goal was to create a natural and inviting ambiance reminiscent of a dog playground. To achieve this, I chose round-shaped font families and ivory as the primary color.
![SoPet-UI Style Guide.png](https://static.wixstatic.com/media/c33450_476c17a8d83a410a9f4775db266b8ac5~mv2.png/v1/fill/w_979,h_958,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/SoPet-UI%20Style%20Guide.png)
HIGH-FIDELITY WIRE FRAMES
​
The key screens + Improvement after 10 usability tests
​
I incorporated the UI style into the high-fidelity wireframes and performed usability tests with 5 dog owners in each of the two rounds. The usability test and iteration process took more than 4 weeks to complete.
![](https://static.wixstatic.com/media/c33450_e4cd7419e56a493b8d004a7c2c4f90bd~mv2.png/v1/fill/w_980,h_551,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/c33450_e4cd7419e56a493b8d004a7c2c4f90bd~mv2.png)
![](https://static.wixstatic.com/media/c33450_2461291d0c8c499cb458f8a2233b4662~mv2.png/v1/fill/w_980,h_735,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/c33450_2461291d0c8c499cb458f8a2233b4662~mv2.png)
![](https://static.wixstatic.com/media/c33450_30434b7d206a4dadbea7954ad81b8586~mv2.png/v1/fill/w_980,h_735,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/c33450_30434b7d206a4dadbea7954ad81b8586~mv2.png)
![](https://static.wixstatic.com/media/c33450_e4cd7419e56a493b8d004a7c2c4f90bd~mv2.png/v1/fill/w_980,h_551,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/c33450_e4cd7419e56a493b8d004a7c2c4f90bd~mv2.png)
Main Solutions
![](https://static.wixstatic.com/media/c33450_7720db73af134c3fb2c7cfe1f67bbd0a~mv2.gif)
![SoPet-Hi-fi Prototype Solution 1.png](https://static.wixstatic.com/media/c33450_8f9218961e244185a8dd012cdae77fdb~mv2.png/v1/fill/w_484,h_264,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/SoPet-Hi-fi%20Prototype%20Solution%201.png)
![SoPet-Hi-fi Prototype Solution 2.png](https://static.wixstatic.com/media/c33450_fc25e64165164f1d9c21a81c9841692d~mv2.png/v1/fill/w_489,h_350,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/SoPet-Hi-fi%20Prototype%20Solution%202.png)
![Gif-Create An Event.gif](https://static.wixstatic.com/media/c33450_3dfd821ff1ae462387d72182b4e3b2b1~mv2.gif)
CONCLUSION
​
Take away
​​
-
Asking the right questions. Asking the right questions in the interview makes user research much easier. Also, it can lead to a solid process for the rest of the steps.
-
Importance of User story mapping. By working on user story mapping, I could stay focused on thinking in the users’ way. It helped me understand where to start and what to do next.
-
Conducting Usability Tests multiple times. Conducting multiple usability tests with low and high-fidelity designs was crucial to gain user insights and validating solutions.