Zoonivet (Pet Consultation App)
Practo for pets
38 % of pet Indian pet parents are dissatisfied with their current veterinary consultations and are actively seeking alternative options to ensure better care for their pets, reasons are:
- Scheduling appointments as per availability / convenience
- Risk of pets contracting infections
- Queueing in clinic
- 24/7 availability of veterinary services
- Commute
- Access to a wider pool of doctors
Target customer
- Pets (Dog, Cat, Rabbit, Bird)
- Pet Parents
Team
- 3 Product designer
- 1 Product managers
- 4 Engineers
- 1 Product Owners
Target area
- Bengaluru, Karnataka (India)
Project duration
- 2 years
Problem Statements
Solved lot of UX problems in this project, but I would love to introduce two problem statements.
- Less footfall in Video Consultation and Home Vaccination
- Indication for Creating Post was not clear
Design Process
Empathise
User research
Here we have understood the pain points, behaviors, needs, motivations, and preferences of users.
- Methods: interviews, surveys, observations, heat maps, Guerrilla test, Problem discovery, A/B testing
- Interviewed: 26 Peoples
Competitor research
I conducted thorough competitive research, analysed major competitors’ products to understand their functionality and processing methods. This informed our app’s feature prioritisation based on user needs.
Key takeaways
- Prioritize user and business needs.
- 50% of Indian pet parents in Tier 1 cities and 33% in Tier 2 and 3 express desire for online veterinary consultations.
- Pet parents seek a one-stop solution for pets, including consultation, vaccination, home diagnostics, surgeries, and pet products.
- Improve UI.
Define
How might we...
- HMW improve the home screen design with proper Information architecture which align with both user and business requirements.
- HMW improve the video consultation flow.
- HMW clearly indicate create post.
Ideate and Prototype
Nielsen's usability heuristics
Adhering to some of Nielsen’s Usability Heuristics principles i.e: Visibility of system status, Match Between the System and the Real World, User Control and Freedom, Consistency and standards, Help and documentation, Recognition Rather than Recall, flexibility and efficiency of use, the new designs underwent multiple iterations. Each iteration was a step towards achieving a balance between displaying sufficient information and maintaining a clean, uncluttered design with minimum interaction . This iterative approach aligns with the UX principle of continuous improvement, ensuring the final design meets user expectations.
Old home screen design
Heuristic evaluation
- Number of users clicking on video consultation and home vaccination was the least for quite some time
- No need of back button on home page
- Bottom navigation unclear
- Lot of UI and accessibility issues in terms of fonts and visibility
New home screen designs
Concept 1
- Users were able to find top services but realizes, the icons were prominently not defining the services
- My pets profile clearly not indicating how much % its completed.
- Offer banner was less noticeable, as it was below my pets section.
Concept 2
- Offer banner was now noticeable, but find little accessibility issue like readability and alignment.
- If add more services, then every card will be in two colors only.
Final Design
- Information architecture is meticulously crafted to align with both user and business requirements.
- Banner designs adhere closely to Nielsen's Usability Heuristic of Consistency and standards, undergoing numerous iterations. Each iteration represents a progression toward striking a balance between providing ample information and preserving a sleek, clutter-free design.
- The addition of new services incorporates playful graphics while adhering to established design guidelines. Used icons familiar to the users like: home, bookings, profile etc.
Old video consultation flow
Heuristic evaluation
- Proceed button not visible
- Improper UX writing: “Select Animal”
- Too many steps for users to click
- Doctors unavailability
- Too much dominance of primary color
New video consultation flow
Usability findings
- Users expressed satisfaction with completing all the required information on a single screen.
- There were no concerns about doctor availability from the business perspective.
- System status indicators, such as applied coupons and booking success messages, were clearly visible.
- Cancel and close buttons/icons on pop-ups were provided to adhere to user control and freedom principles.
- A clean and intuitive layout was achieved by upholding consistency and standards throughout the interface.
- User memory load was reduced by ensuring visibility of elements, actions, and options, such as indicating the coupons used.
Create post
The goal was to improve the user experience of creating a post in the forum screen by adding a specific button or indication for creating a post, ensuring users quickly find, where to post.
Adhering to Nielsen’s heuristic of flexibility and efficiency of use, the create post button underwent multiple iterations. Each iteration was a step towards achieving a balance between displaying sufficient information and maintaining a clean, uncluttered design. This iterative approach aligns with the UX principle of continuous improvement, ensuring the final design meets user expectations.
Old design
- Post something bar unclear
- Wrong UX writing
- Not conveying what to do
- No help offer or information about how to create post
- Users were confused what to do in Forum page or how to post
- 10% of users were able to post
Concept 1
- 40% Users find big button is user friendly, its clearly calling out
- UX problem: 2 CTAs at the same position for same action
Concept 2
- 60% Users find plus button is user friendly, as they were familiar to it, applied Nielsen's Usability Heuristics principles Match Between the System and the Real World
Final design
- 100% user satisfaction, as the button clearly visible with tag
- Dynamic text bar was engaging and noticeable
- Versatile design to accommodate the need of both advanced users and newcomers
The Impact
User engagement increases in 30 days
- 32 % Session duration increase in the New Homepage
- 20% Bounce rate decrease in Video Consultation
- 27 % User churn rate decreases in Create post
Google play data
- App installation: 10k
- Ratings: 4.9 star
App store data
- App installation: 4k
- Ratings: 5 star