Lovesome Website
LOGO DESIGN UX/UI DESIGN
Lovesome Pet is a fictional pet adoption foundation located in the United States. Lovesome Pet strives to find happy homes for their beloved animals. They rescue, dogs, cats, ferrets and birds. Lovesome Pet targets customers within the age range of 25-50. Below is the UI design and UX research work that I did.
-
Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.
-
Half of the animals that end up in shelters are euthanized due to lack of space (PETA). Although many people are interested in adopting an animal, the adoption process can be very difficult and even lead to rejection for applicants (The Washington Post).
-
The goal of Lovesome Pets website is to create an experience that would easily connect people to animals and provide a simple adoption process.
Want to see my full study into the Lovesome Pet responsive website?
Click the button below to view:
Research Goals
Upon receiving the prompt, I was cognizant of the complexities. Therefore, I deconstructed the prompt into subproblems, which I tackled by using research goals.
The who, what, where, and why affected by complex pet adoption centers.
What tools and methods are used to succeed in pet adoption process?
What are some of the hesitancies behind pet adoption?
How does a responsive website help an individual and a pet adoption center?
Problem Statements
I put together some basic problem statements to better understand the pain points with the purchasing/renewal process.
Jamile
Jamile is a 26 year old, single woman working as a concept artist for a startup film studio. Recently, she moved into a new apartment away from her friends and family and is often times lonely at night as she adjusts to a new area. Jamile is looking to adopt a pet that she can take care of and keep her company.
Karl and Jane
Karl and Jane are two working parents with young teens. Jane is a nurse at a local hospital and Karl is an IT Manager. To help their kids with responsibilities, they want to adopt a dog, but don’t know where to begin. They have something specific in mind. They want the kids involved in the process of selecting their new family pet too.
Persona’s
Goals
Remove extra time, and work through saved selections and location preferences.
Add in location function to give user options to see: where the shelter is located and how far a drive it is.
Allow the user to bookmark or “like” a pet when they return to the page.
Add more customization for the user throughout the adoption process.
let users filter through animals options by breed, location, age, and size.
Add in filter options for additional ordering options based on; location, price, reviews.
Allow the website to offer contact information with the shelter that the individual or family is looking to adopt.
Initial Ideation
Sitemap
Usability Study
Research Questions
How long does it take for a person to select a pet?
What can we learn from the user flow, or the steps that users take when navigating through the website?
Participants
4 Participants
Two females and one male and one nonbinary individual between the ages of 25 and 55.
Methodology
10 minutes per participant.
Test conducted in the United States, remote.
Users were asked to perform tasks in a low-fidelity prototype.
Digital Wireframes
Link to low-fidelity prototype:
Insights
It was observed that 2 out of 4 participants had trouble with the checkout process. This means that for half the users, the checkout caused more frustration than relief.
Full themes observed from the study
Below are some notable comments from the participants:
I am always skeptical of entering my information into a site. I would love to know how my information is secure and to be in touch with the shelter before I checkout.
Checkout was very simple and easy to follow. I liked the location feature!
Found the checkout, but kind of hesitated on the CTA button leading into the page.
Affinity Map
Below is an affinity map that I collected from the Usability Study to help gather qualitative information about the users and group their experience by category.
Recommended Updates
In general, users wanted an easier way to be notified of their confirmation.
According to this study, users would like more security when giving out their payment information and location.
In general, most users wanted to know what incentives they would receive if they signed up for a profile on the website.
Final Deliverable
Brand Color Scheme
Creating a brand color scheme is about selecting an appropriate set of colors that match the brands mission and the subconscious energy the color gives off to the user. In the case of UI design, the use of the brands colors is just as important. Contrast, balance, and color harmony matter in visual design. In this case, I wanted to find ways to use a complimentary color scheme of orange and blue to evoke trust and friendliness to match best practices of UI.
Want to see my full study into the Lovesome Pet responsive website?
Click the button below to view: