Tony's story
HAPPYBOND is a Canadian-based company focusing on Extend the Health span of pets and Bring lifelong happiness to caring dog people all over the world. By Understanding the frustration that there is no regulated digital one-stop-shop for pet’s health, They decided to provide a mobile app for their customers.
When Anja told me about her dog, Tony- who was diagnosed with joint pain and got his health back by collagen-building formula from Anja’s tissue bioengineering research- I was so impressed. I knew that HAPPYBOND for her is more than having a pet business but bringing happiness, health, and peace to all pets and pet parent’s life.
The main goal was to design an app in which pet parents can select from two membership tiers, that vary in services. On the basic plan Members subscribe to monthly orders of HAPPYBOND POWER FOOD and never have to worry about running out of their pup’s favorite Food. Collagen, supplement treats, and boosting elixirs can also be added on as monthly subscriptions. While with the VIP subscription they can add an interactive health tracker, screening test and HAPPYBOND collar to measure the vitals and activity of their dog. Services also include a vet on demand and pet insurance plugin.
TYPE
App Design
DELIVERABLE
Competitor Audit
Sitemap
Personas
Stylescapes
low-fi Wireframes
Prototypes
High-fi Mockups
Let's hit the road
To better understand HAPPYBONDS’ background, market space, and user groups, I started by conducting research.
I conducted interviews with more than 6 people and also design empathy maps to know more about pet parents and their problems. My primary user groups are Adults who prefer their dogs to have a healthy lifestyle, while the secondary user groups are adults whose dogs has some health issues and they are seeking an interactive health tracker and screening test to measure their pet’s vitals and activities.
The main problem which most users had in common was lack of a digital platform for dog owners to be able to shop for their dogs and get reliable information about their health, insurance and so much more in one place.
I learned people like to:
- Increase Health-Span of their dogs
- Providing their dogs with healthy food, supplements, …
- Monitoring pets’ health regularly
- Get informed from tailored insurance companies
and more.
Competitive Analysis
After conducting my research, I analyzed HAPPYBOND’s top competitors to evaluate their strengths, weaknesses, opportunities, and threats. This information helped me to understand what the trends are across all competitors, their differences, and why users might choose a particular service or product over another.
Formalize findings into personas
To start getting some ideas about aedifion’s target group, I used everything that I have learned so far from my primary and secondary research to create provisional personas. This helped me to start understanding what their needs might be based on their gains and pains.
Following users' footsteps
As part of the ideation process, I mapped out a user flow to create a visual representation of the steps a user would take to reach their end goal.
Sketch and wireframing time!
To save time and resources while giving customer a full view of final app I come up with wireframes. I also did some usability testing to evaluate the workflow and get some rapid insights.
Mockups
Based on the insights from the usability study, I made changes to improve the site’s checkout flow as well as login page. One of the changes I made was adding express checkout. I also added biometric login to provides a more secure and convenient method for authorizing access to private content within the app.
Prototying
I iterated a high-fidelity prototype by applying the usability test. The interactive prototype had provided to the customer.
When accessibility comes into focus
According to the World Health Organization (WHO), over 2 billion people live with a disability, 20% of whom live with great functional difficulties in their day-to-day lives. I followed the WCAG 2.0 to make this app more accessible and usable for people with disabilities especially blind or visually impaired pet parents who relied on their dogs to lead them.
Audio Blog
Audio blog gives readers especially blind and visually impaired people who cannot read from a screen to access to blog content by listening to it.
Touch Targets and Placement
A minimum target size of 44 x 44 px for iOS and 48 x 44 px for Android to ensure that users are able to activate them.
Color contrast
I used a blend of saturated and contrasting colors for more accessibility and visual hierarchy.
Hierarchy
I used headings with different sized text for clear visual hierarchy.
Design system
I made a design system to reduce ambiguity in design, increase the speed at which individual designers can work, and help create a more consistent design throughout the product.
I settled on a page groupings: color and logos; type styles and copy formatting; grids, spacing; and alignment, components; iconography; and further resources.
