Nafiia Pet Care 🐱
Cahyadesthian R. Widigda | UX Design (concept to delivery)
a couple day in March 2023
* this project is created for Google UX Design Certification
My Responsibilites
- Conducting research
- Interviews for customer needs
- Paper and Digital wireframing
- low and high-fidelity prototyping
- Conducting usability studies
- Accounting for accessibility
- Iterating on designs on desktop and mobile version.
Project Overview
The Product
An online service based on the website to get pet care related service with the veterinary in Nafiia PetCare. Customer of Nafiia PetCare able to make appointment for their pet, see the queue of the vet, and other info about Nafiia PetCare. In this study case, It works on the make appointment process.
Problem
Contact a vet by chat app can takes to much time for the confirmation. People who want go vet need to tell the vet their pet’s problem and then make appointment with the vet to visit their clinic.
The Goal
Give user an online service that told about the vet schedule and allow the user to make an appointment based on the schedule.
Understanding the User 🙋🏻♀️
A research conduct to a vet and a customer of the vet about their process when made an appointment to meet. The research focused on understanding their process to make appointment, find how they feel and expectation about the service if it could serve in online presence.
Pain Points
Takes Times ⌛
Make appointment or booking a service in a vet clinic can takes some time. Sometimes, when people decided to go ahead directly to a vet clinic, they can find that the vet is not available or there is other patient.
Difficult to Estimate 😥
When people waiting for the vet service, they can end-up on long waiting because their estimation can be wrong depend on the clinic and patient situation.
Persona, User Story, and Problem Statement
User Journey
Starting the Design 
Sitemap
Sitemap created to map the user journey possibility to explore the web. The goal is to make informative IA(information architecture) that would help user to navigate the site
Paper Wireframe
Allocating some times to draft iterations of key screen of the app’s flow. Draw them on paper to create fast picture of the concept and think about the elements for answering user pain points. Since the site would be able to access from some kind of device that have different dimension of the screen. The site designed in mobile and desktop version screen to help developer think about the layout for responsive website.
Digital wireframes
Digitizing paper wireframe to digital version to give better picture of how design can help user to get what they need.
Give emphasis on critical or main flow of each screen is the strategy implemented to help user understand the site
Digital Wireframes variation
Low-fidelity prototype
From the wireframe, it connect all element needed to create a flow of making an appointment. This flow will be used on early usability study to check the pain point of the proposed flow.
Usability study
- Study Type: unmoderated
- Location: Surabaya | Remote
- Participants: 5 participants
- Lengtth : 15 -20 minute
Findings 1
On Page about promo, user just need on going promo
Findings 2
Info about follow up of making appointment need to more explicit
Refining the Design
Based on the usability study, user doesn’t care enough to see previous promo, but sometimes just wanna see. So the previous promo is hidden but can be seen with additional step.
Before Usability Study
After Usability Study
The page that contain the form of appointment improved by using big picture of flow that user will get after send the request
Before Usability Study
After Usability Study
Accessibility considerations
Using Icon on main CTA to give emphasize
Color consideration for contrast on every single main layout
Make sure all button have enough size to interact both for mobile and desktop version
⏭ Going Forward
Impact
A site that able to digitize Nafiia PetCare and give customer of the vet an online service related to the clinic especially appointment for visitation
What I learned
I learned about user especially about their story of pet visitation on vet. I also sharpen my feeling to empathize with user to create a flow that meet user’s need
Next steps
Conduct usability test and survey about other necessary need of user as visitor and Nafiia PetCare as the provider