Artboard 1.png

Adopt App

Web_title.png
 

What is Adopt?

Adopt is a mobile app that helps streamline and make the dog adoption process more transparent.

Background.png
 

Research

Competitive Analysis

A competitive analysis was done in order to compare similar platforms offered by competitors and their features that assist in the dog adoption process.

Compeitive_Analysis.png
 

User Interviews

6 user interviews were conducted to understand what pain points and frustrations users experience relating to the dog adoption process.

User_Interviews.png

User Findings

Feedback based on the user interviews.

User_Feedback.png
 

Synthesis

Problem Statement  &  Hypothesis 

ProblemStatement_Hypothesis.png
ProblemStatement_Flow.png
 

Affinity Map

Categories were created based on findings and observations from user interviews.

Affinity_map.png
 

User Persona

user_persona.png
 

Feature Prioritization

Features were organized in a 2 x 2 Matrix based on Expectation vs. Impact for the user when using the product. The goal is to map out the features that would best address the user goals.

feature_prioritization.png
 

Minimum Viable Product (MVP)

mvp.png
 

Card Sorting

An Open Card Sort was conducted in order to understand how a user would navigate through the mobile app.

card_sorting.png
 

Site Map

Based on the Card Sort the following information was organized and structured for best user experience. The 2nd level of information reflects the navigation of the mobile app.

site_map.png
 

User Flow

The user flow shows the path a user takes to complete a task.

user_flow.png
 

UI Design

Color Palette - Blue is associated with calm emotions and safety, therefore I chose to create the app's identity with a cool color palette of blues to reflect the ideal bond between a dog and its potential adopter.

Typeface - I chose a modern san serif with geometric qualities to reflect the use of modern technology and it's audience. It's clean, simple, easy to read and works well for a mobile platform.

ui_design.png
 

Prototype

Hand-Drawn Wireframes

The design of the app was first explored by creating hand-drawn wireframes.

hand_drawn_wireframes.png
 

Medium Fidelity Wireframes

First digital iteration of how the mobile app will look. 

med_fidelity_wirframe.png
 

Annotated Wireframes

Wireframes are annotated to specify details that may not otherwise be straight forward when communicating the design to the developer.

annotated_wireframes.png
annotated_wireframes_text.png
 

Usability Testing

I conducted 4 user tests to gain feedback on the user experience of the mobile app. Then followed it with a group debrief in which I received a 2nd round of feedback on what worked well and what could be improved.

user_testing.png
 

Onboarding

These onboarding screens show the user what to expect when using the app.

Onboarding.png
 

Clickable Prototype

The final prototype for the Adopt mobile app.

hifi_prototype.png