Client Project for TiriVelo Pet Care Inc. (Canada)
Client Project for TiriVelo
Elevating the Pet Owner Journey at TiriVelo
Redefining how users onboard, manage pets, and book trusted providers through research, systems design, and iterative collaboration.
Project Overview
TiriVelo is a Canadian pet-care startup working to build a trusted platform where pet owners can confidently book services with reliable providers. When the DesignLab team (Sam, Maque and I) joined the project as part of our client capstone, the product was in an early stage - full of potential but lacking structure, clarity, and cohesion. With low-fidelity wireframes and a basic style guide to start from, we were tasked with strengthening the Pet Owner experience, establishing a cohesive design system, and refining key flows into something warm, intuitive and trustworthy.
Team
3 Co-Designers
2nd team of
Designers
Developer
CEO
Skills
Design System
UX/UI Design
User Testing
Prototyping
Design System
UX/UI Design
User Testing
Prototyping
Timeframe
5 week sprint
Tools Used
Figma
FigJam
Maze
Claude
Teams & Zoom
The Problem
While TiriVelo had a strong mission, the early product lacked the clarity and cohesion needed for a seamless Pet Owner experience.
Early wireframes exposed widespread usability issues - inconsistent buttons, unclear hierarchy, and fragmented flows. Core journeys like onboarding, pet profiles, provider matching, and bookings felt disconnected, increasing confusion and drop-offs.
The Solution
We didn’t just redesign screens - we rebuilt the foundation. We created a scalable design system and restructured key flows to improve clarity, consistency and task completion.
Through iterative reviews with the CEO and cross-team collaboration, we refined interactions, strengthened visual consistency and resolved usability issues, resulting in a cohesive, high-fidelity, dev-ready product.
Provider Search Results Page
Before.
After.
Owner Profile Page
Before.
After.
Become a Provider Page
Before.
After.
Chat Page
Before.
After.
Appointment List Page
Before.
After.
Provider Search Results Page
Before.
After.
Owner Profile Page
Before.
After.
Become a Provider Page
Before.
After.
Chat Page
Before.
After.
Appointment List Page
Before.
After.
Provider Search Results Page
Before.
After.
Owner Profile Page
Before.
After.
Become a Provider Page
Before.
After.
Chat Page
Before.
After.
Appointment List Page
Before.
After.
Provider Search Results Page
Before.
After.
Owner Profile Page
Before.
After.
Become a Provider Page
Before.
After.
Chat Page
Before.
After.
Appointment List Page
Before.
After.
Owner Profile Page
Before.
After.
Become a Provider Page
Before.
After.
Provider Search Results Page
Before.
After.
Chat Page
Before.
After.
Appointments List Page
Before.
After.
Owner Profile Page
Before.
After.
Become a Provider Page
Before.
After.
Provider Search Results Page
Before.
After.
Chat Page
Before.
After.
Appointments List Page
Before.
After.
Owner Profile Page
Before.
After.
Become a Provider Page
Before.
After.
Provider Search Results Page
Before.
After.
Chat Page
Before.
After.
Appointments List Page
Before.
After.
Owner Profile Page
Before.
After.
Become a Provider Page
Before.
After.
Provider Search Results Page
Before.
After.
Chat Page
Before.
After.
Appointments List Page
Before.
After.
Owner Profile Page
Before.
After.
Become a Provider Page
Before.
After.
Provider Search Results Page
Before.
After.
Chat Page
Before.
After.
Appointments List Page
Before.
After.
Owner Profile Page
Before.
After.
Become a Provider Page
Before.
After.
Provider Search Results Page
Before.
After.
Chat Page
Before.
After.
Appointments List Page
Before.
After.
Owner Profile Page
Before.
After.
Become a Provider Page
Before.
After.
Provider Search Results Page
Before.
After.
Chat Page
Before.
After.
Appointments List Page
Before.
After.
Owner Profile Page
Before.
After.
Become a Provider Page
Before.
After.
Provider Search Results Page
Before.
After.
Chat Page
Before.
After.
Appointments List Page
Before.
After.
THE IMPACT
Faster Flows, Zero Drop-Offs and Delighted Users
The redesign led to a dramatically smoother and more intuitive Pet Owner experience, validated through usability testing.
100% Success Rates
In 4 out of 5 flows
100% Success Rates
In 4 out of 5 flows
100% Success Rates
In 4 out of 5 flows
0% Drop-off Rates
In 5 out of 5 flows
0% Drop-off Rates
In 5 out of 5 flows
0% Drop-off Rates
In 5 out of 5 flows
Scored 5/5
For ease of use
Scored 5/5
For ease of use
Scored 5/5
For ease of use
“This team consistently delivered some of the strongest design work across all of our multi-university collaborations, and they approached every stage of the project with professionalism, creativity, and a remarkable attention to detail. Each team member contributed meaningfully - Shivangi excelled in improving usability, hierarchy, and component design.”
Michael Navarro
CEO, TiriVelo
“This team consistently delivered some of the strongest design work across all of our multi-university collaborations, and they approached every stage of the project with professionalism, creativity, and a remarkable attention to detail. Each team member contributed meaningfully - Shivangi excelled in improving usability, hierarchy, and component design.”
Michael Navarro
CEO, TiriVelo
“This team consistently delivered some of the strongest design work across all of our multi-university collaborations, and they approached every stage of the project with professionalism, creativity, and a remarkable attention to detail. Each team member contributed meaningfully - Shivangi excelled in improving usability, hierarchy, and component design.”
Michael Navarro
CEO, TiriVelo
01 - Research & Synthesis
Grounding Every Decision in User Needs
01 - Research & Synthesis
Grounding Every Decision in User Needs
01 - Research & Synthesis
Grounding Every Decision in User Needs
Starting with What Existed
UX Audit
Instead of directly moving into design, we began by grounding ourselves in the existing work and identifying what needed improvement.
1. We mapped key user touch-points across onboarding, pet profiles, and provider matching to understand the intended experience.
2. From there, we conducted a deep UX audit - reviewing the early Style Guide, research decks and low-fidelity wireframes.
3. We evaluated the product’s current structure and uncover inconsistencies in hierarchy, navigation, and spacing.
Starting with What Existed
UX Audit
Instead of directly moving into design, we began by grounding ourselves in the existing work and identifying what needed improvement.
1. We mapped key user touch-points across onboarding, pet profiles, and provider matching to understand the intended experience.
2. From there, we conducted a deep UX audit - reviewing the early Style Guide, research decks and low-fidelity wireframes.
3. We evaluated the product’s current structure and uncover inconsistencies in hierarchy, navigation, and spacing.
Starting with What Existed
UX Audit
Instead of directly moving into design, we began by grounding ourselves in the existing work and identifying what needed improvement.
1. We mapped key user touch-points across onboarding, pet profiles, and provider matching to understand the intended experience.
2. From there, we conducted a deep UX audit - reviewing the early Style Guide, research decks and low-fidelity wireframes.
3. We evaluated the product’s current structure and uncover inconsistencies in hierarchy, navigation, and spacing.
Studying the Competition, Where Others Left Opportunity
Competitive Analysis
We also ran secondary research to complement the primary research TiriVelo had already completed.
We conducted a Competitor Analysis of Rover, Wag, PawShake and Fetch, revealing best practices and opportunity areas to help TiriVelo differentiate and improve its user experience.
Studying the Competition, Where Others Left Opportunity
Competitive Analysis
We also ran secondary research to complement the primary research TiriVelo had already completed.
We conducted a Competitor Analysis of Rover, Wag, PawShake and Fetch, revealing best practices and opportunity areas to help TiriVelo differentiate and improve its user experience.
Studying the Competition, Where Others Left Opportunity
Competitive Analysis
We also ran secondary research to complement the primary research TiriVelo had already completed.
We conducted a Competitor Analysis of Rover, Wag, PawShake and Fetch, revealing best practices and opportunity areas to help TiriVelo differentiate and improve its user experience.
Designing for Bella (and Her Mini Goldendoodle, Luna)
User Persona
To ground our decisions in real user needs, we created 2 user personas
1. Busy Bella
2. Flexible Francis
Our primary persona was Busy Bella, who is a 32 year old tech savvy professional, living in Donwntown Toronto with her mini Goldendoogle, Luna. She needed fast reliable pet care, without the stress.
Designing for Bella (and Her Mini Goldendoodle, Luna)
User Persona
To ground our decisions in real user needs, we created 2 user personas
1. Busy Bella
2. Flexible Francis
Our primary persona was Busy Bella, who is a 32 year old tech savvy professional, living in Donwntown Toronto with her mini Goldendoogle, Luna. She needed fast reliable pet care, without the stress.
Designing for Bella (and Her Mini Goldendoodle, Luna)
User Persona
To ground our decisions in real user needs, we created 2 user personas
1. Busy Bella
2. Flexible Francis
Our primary persona was Busy Bella, who is a 32 year old tech savvy professional, living in Donwntown Toronto with her mini Goldendoogle, Luna. She needed fast reliable pet care, without the stress.
Seeing the World Through Bella's Eyes
Research Analysis
From there, we made an Empathy Map and a detailed Customer Journey Map of Bella, based on the client’s research and our audit findings.
These tools helped us visualize Bella’s motivations, frustrations, and expectations as they moved through onboarding, pet management, and booking tasks. By mapping emotional highs and lows across the journey, we were able to get into Bella's shoes and identify key friction points and opportunities for improvement.
Seeing the World Through Bella's Eyes
Research Analysis
From there, we made an Empathy Map and a detailed Customer Journey Map of Bella, based on the client’s research and our audit findings.
These tools helped us visualize Bella’s motivations, frustrations, and expectations as they moved through onboarding, pet management, and booking tasks. By mapping emotional highs and lows across the journey, we were able to get into Bella's shoes and identify key friction points and opportunities for improvement.
Seeing the World Through Bella's Eyes
Research Analysis
From there, we made an Empathy Map and a detailed Customer Journey Map of Bella, based on the client’s research and our audit findings.
These tools helped us visualize Bella’s motivations, frustrations, and expectations as they moved through onboarding, pet management, and booking tasks. By mapping emotional highs and lows across the journey, we were able to get into Bella's shoes and identify key friction points and opportunities for improvement.
Customer Journey Map: Click to zoom in
Solving The Correct Problem
How Might We Questions
Instead of diving directly into design, we got to thinking-
Solving The Correct Problem
How Might We Questions
Instead of diving directly into design, we got to thinking-
Solving The Correct Problem
How Might We Questions
Instead of diving directly into design, we got to thinking-
How might we build trust and confidence from the very first interaction, making onboarding and discovery feel seamless, safe and personalized for pet owners?
How might we build trust and confidence from the very first interaction, making onboarding and discovery feel seamless, safe and personalized for pet owners?
How might we build trust and confidence from the very first interaction, making onboarding and discovery feel seamless, safe and personalized for pet owners?
How might we simplify the end-to-end booking and communication experience so pet owners can easily schedule, track, and stay connected with their providers in real time?
How might we simplify the end-to-end booking and communication experience so pet owners can easily schedule, track, and stay connected with their providers in real time?
How might we simplify the end-to-end booking and communication experience so pet owners can easily schedule, track, and stay connected with their providers in real time?
Together, these activities aligned our team, clarified user priorities and helped us validate assumptions before we start designing.
Together, these activities aligned our team, clarified user priorities and helped us validate assumptions before we start designing.
Together, these activities aligned our team, clarified user priorities and helped us validate assumptions before we start designing.
With these insights, we collaborated closely with the CEO and cross-university design teams, using weekly reviews to refine our thinking and align around research-backed design decisions.
With these insights, we collaborated closely with the CEO and cross-university design teams, using weekly reviews to refine our thinking and align around research-backed design decisions.
With these insights, we collaborated closely with the CEO and cross-university design teams, using weekly reviews to refine our thinking and align around research-backed design decisions.
02 - Design System
Design System: The Foundation That Changed Everything
02 - Design System
Design System: The Foundation That Changed Everything
02 - Design System
Design System: The Foundation That Changed Everything
The Chaos We Inherited
Design Inconsistencies
When we started redesigning the platform, the biggest challenge was inconsistency. Buttons were different on different pages and spacing was random. Typography varied across flows, creating a fragmented experience.
The Chaos We Inherited
Design Inconsistencies
When we started redesigning the platform, the biggest challenge was inconsistency. Buttons were different on different pages and spacing was random. Typography varied across flows, creating a fragmented experience.
The Chaos We Inherited
Design Inconsistencies
When we started redesigning the platform, the biggest challenge was inconsistency. Buttons were different on different pages and spacing was random. Typography varied across flows, creating a fragmented experience.
Building Order from Chaos
Design System
I tackled this by creating a Reusable Design System, standardizing every element -
Buttons
Input Fields
Selection fields
Drop-downs
Cards
Modals
Headers and Section Tabs
Icons
I used components, variants and component properties religiously to ensure that every element was customizable yet consistent.
Building Order from Chaos
Design System
I tackled this by creating a Reusable Design System, standardizing every element -
Buttons
Input Fields
Selection fields
Drop-downs
Cards
Modals
Headers and Section Tabs
Icons
I used components, variants and component properties religiously to ensure that every element was customizable yet consistent.
Building Order from Chaos
Design System
I tackled this by creating a Reusable Design System, standardizing every element -
Buttons
Input Fields
Selection fields
Drop-downs
Cards
Modals
Headers and Section Tabs
Icons
I used components, variants and component properties religiously to ensure that every element was customizable yet consistent.
The Debates Made it Better
Design Decisions
Each design decision was deliberate.
Should we increase button corner radius for a friendlier feel?
Should we maintain one or two sets of primary buttons across owner and provider flows?
Should the input text fields be outlined or filled? (The filled ones ended up looking disabled)
We debated, tested, and refined.
The Debates Made it Better
Design Decisions
Each design decision was deliberate.
Should we increase button corner radius for a friendlier feel?
Should we maintain one or two sets of primary buttons across owner and provider flows?
Should the input text fields be outlined or filled? (The filled ones ended up looking disabled)
We debated, tested, and refined.
The Debates Made it Better
Design Decisions
Each design decision was deliberate.
Should we increase button corner radius for a friendlier feel?
Should we maintain one or two sets of primary buttons across owner and provider flows?
Should the input text fields be outlined or filled? (The filled ones ended up looking disabled)
We debated, tested, and refined.
Our Nemesis - The Footer
The Challenge
One roadblock was designing a shared Footer for both owner and provider flows.
Since DesignLab and Springboard were collaborating and trying to find a middle ground, we experimented with variations - light to dark, condensed to detailed - until we found a solution that balanced clarity and consistency for both owner and provider flows.
Our Nemesis - The Footer
The Challenge
One roadblock was designing a shared Footer for both owner and provider flows.
Since DesignLab and Springboard were collaborating and trying to find a middle ground, we experimented with variations - light to dark, condensed to detailed - until we found a solution that balanced clarity and consistency for both owner and provider flows.
Our Nemesis - The Footer
The Challenge
One roadblock was designing a shared Footer for both owner and provider flows.
Since DesignLab and Springboard were collaborating and trying to find a middle ground, we experimented with variations - light to dark, condensed to detailed - until we found a solution that balanced clarity and consistency for both owner and provider flows.
The tall footer at the bottom was the final winner
Guided by Brand Values
UI Kit
Every color, type, and spacing choice reflected TiriVelo's brand values - trust, simplicity, and accessibility.
TiriVelo’s color palette combines calm, trustworthy cyans with a warm accent of orange to reflect both reliability and care. The use of soft neutrals and light tones enhances clarity and keeps the interface accessible and easy to navigate.
DM Sans is a modern, geometric sans-serif typeface designed for clarity and friendliness. Its clean shapes and open letterforms make it easy to read across devices.
Some important design decisions -
We brightened the original TiriVelo brand colors to create a fresher, more vibrant look.
We reduced the number of primary colors (cyan) from 3 to 1. Instead, I developed an expanded color palette ranging from light to dark, to accommodate various use cases of different colors. I also added reds and greens for error and success states.
I also established a clear visual hierarchy for typography.
Throughout the process, all elements were continuously tested for accessibility, and layouts were refined to reduce cognitive load and improve overall clarity.
Guided by Brand Values
UI Kit
Every color, type, and spacing choice reflected TiriVelo's brand values - trust, simplicity, and accessibility.
TiriVelo’s color palette combines calm, trustworthy cyans with a warm accent of orange to reflect both reliability and care. The use of soft neutrals and light tones enhances clarity and keeps the interface accessible and easy to navigate.
DM Sans is a modern, geometric sans-serif typeface designed for clarity and friendliness. Its clean shapes and open letterforms make it easy to read across devices.
Some important design decisions -
We brightened the original TiriVelo brand colors to create a fresher, more vibrant look.
We reduced the number of primary colors (cyan) from 3 to 1. Instead, I developed an expanded color palette ranging from light to dark, to accommodate various use cases of different colors. I also added reds and greens for error and success states.
I also established a clear visual hierarchy for typography.
Throughout the process, all elements were continuously tested for accessibility, and layouts were refined to reduce cognitive load and improve overall clarity.
Guided by Brand Values
UI Kit
Every color, type, and spacing choice reflected TiriVelo's brand values - trust, simplicity, and accessibility.
TiriVelo’s color palette combines calm, trustworthy cyans with a warm accent of orange to reflect both reliability and care. The use of soft neutrals and light tones enhances clarity and keeps the interface accessible and easy to navigate.
DM Sans is a modern, geometric sans-serif typeface designed for clarity and friendliness. Its clean shapes and open letterforms make it easy to read across devices.
Some important design decisions -
We brightened the original TiriVelo brand colors to create a fresher, more vibrant look.
We reduced the number of primary colors (cyan) from 3 to 1. Instead, I developed an expanded color palette ranging from light to dark, to accommodate various use cases of different colors. I also added reds and greens for error and success states.
I also established a clear visual hierarchy for typography.
Throughout the process, all elements were continuously tested for accessibility, and layouts were refined to reduce cognitive load and improve overall clarity.
The Evolution of our Final UI Kit
The Result? Scalability.
Design System
The result was more than a set of components - it was a Scalable Framework that elevated the entire product and gave future designers and developers a reliable system to build on.
Here are just some components we built -
The Result? Scalability.
Design System
The result was more than a set of components - it was a Scalable Framework that elevated the entire product and gave future designers and developers a reliable system to build on.
Here are just some components we built -
The Result? Scalability.
Design System
The result was more than a set of components - it was a Scalable Framework that elevated the entire product and gave future designers and developers a reliable system to build on.
Here are just some components we built -
Inputs
Inputs text box
Dropdowns
Checkboxes
Selection fields
Toggles
Buttons & States
Primary
Secondary
Nav & Footer Links
Hyperlinks
Default, Hover, Pressed
and Disabled states
Primary
Secondary
Nav & Footer Links
Hyperlinks
Default, Hover, Pressed
and Disabled states
Cards
Services Card
Benefits Card
Provider Card
Pet Card
Testimonials
Other Components
Icon sets
Header & Footer
Images
Custom Illustrations
Search Bar
Pagination
03 - Final Flows
Delivering Polished High-Fidelity Flows
03 - Final Flows
Delivering Polished High-Fidelity Flows
03 - Final Flows
Delivering Polished High-Fidelity Flows
Refining Through Weekly Syncs and Cross-Team Alignment
Collaboration
Throughout the project, we incorporated feedback from weekly stand-ups with the CEO, Michael to refine interactions, improve clarity, and validate key design decisions.
We collaborated closely with the Springboard provider-side team to align design patterns, reduce inconsistencies and ensure cohesion across the entire system. These efforts culminated in polished final screens.
Refining Through Weekly Syncs and Cross-Team Alignment
Collaboration
Throughout the project, we incorporated feedback from weekly stand-ups with the CEO, Michael to refine interactions, improve clarity, and validate key design decisions.
We collaborated closely with the Springboard provider-side team to align design patterns, reduce inconsistencies and ensure cohesion across the entire system. These efforts culminated in polished final screens.
Refining Through Weekly Syncs and Cross-Team Alignment
Collaboration
Throughout the project, we incorporated feedback from weekly stand-ups with the CEO, Michael to refine interactions, improve clarity, and validate key design decisions.
We collaborated closely with the Springboard provider-side team to align design patterns, reduce inconsistencies and ensure cohesion across the entire system. These efforts culminated in polished final screens.
Shaping the Final Product
Final-ish Screens
Some final screens we designed:
TiriVelo landing page
Services page
Become a Care Provider page
Onboarding and Account Creation flow
Personal Account pages (User Profile, Location, Settings etc)
Pet Details forms and final Pet Profile
Book a Service page
Provider Matching dashboard
Provider Chat
Appointment scheduling interface (Calendar view and List view)
All these screens reflected a consistent visual language, intuitive hierarchy, and accessible interactions across both Owner and Provider experiences.
Shaping the Final Product
Final-ish Screens
Some final screens we designed:
TiriVelo landing page
Services page
Become a Care Provider page
Onboarding and Account Creation flow
Personal Account pages (User Profile, Location, Settings etc)
Pet Details forms and final Pet Profile
Book a Service page
Provider Matching dashboard
Provider Chat
Appointment scheduling interface (Calendar view and List view)
All these screens reflected a consistent visual language, intuitive hierarchy, and accessible interactions across both Owner and Provider experiences.
Shaping the Final Product
Final-ish Screens
Some final screens we designed:
TiriVelo landing page
Services page
Become a Care Provider page
Onboarding and Account Creation flow
Personal Account pages (User Profile, Location, Settings etc)
Pet Details forms and final Pet Profile
Book a Service page
Provider Matching dashboard
Provider Chat
Appointment scheduling interface (Calendar view and List view)
All these screens reflected a consistent visual language, intuitive hierarchy, and accessible interactions across both Owner and Provider experiences.
04 - Usability Testing
Design, Test, Repeat: The Moment of Truth
04 - Usability Testing
Design, Test, Repeat: The Moment of Truth
04 - Usability Testing
Design, Test, Repeat: The Moment of Truth
Watching Real Users Navigate Our Designs
Usability Testing
To validate our designs, we conducted Remote Unmoderated Usability Testing on Maze across the core flows.
10 users participated.
The following flows were tested:
1. Onboarding Flow
2. Add Personal Profile Details
3. Add a Pet to Your Profile
4. Schedule a Service and Book a Provider
5. Find Upcoming Appointment
Watching users navigate the screens gave us an unfiltered view of where the experience was working and where it wasn’t.
Watching Real Users Navigate Our Designs
Usability Testing
To validate our designs, we conducted Remote Unmoderated Usability Testing on Maze across the core flows.
10 users participated.
The following flows were tested:
1. Onboarding Flow
2. Add Personal Profile Details
3. Add a Pet to Your Profile
4. Schedule a Service and Book a Provider
5. Find Upcoming Appointment
Watching users navigate the screens gave us an unfiltered view of where the experience was working and where it wasn’t.
Watching Real Users Navigate Our Designs
Usability Testing
To validate our designs, we conducted Remote Unmoderated Usability Testing on Maze across the core flows.
10 users participated.
The following flows were tested:
1. Onboarding Flow
2. Add Personal Profile Details
3. Add a Pet to Your Profile
4. Schedule a Service and Book a Provider
5. Find Upcoming Appointment
Watching users navigate the screens gave us an unfiltered view of where the experience was working and where it wasn’t.
What Worked (Really Well!)
Successes
The results were clear - overall sentiment toward the redesign was positive.
Consistently faster completion times signal that we’d reduced friction during flows.
What Worked (Really Well!)
Successes
The results were clear - overall sentiment toward the redesign was positive.
Consistently faster completion times signal that we’d reduced friction during flows.
What Worked (Really Well!)
Successes
The results were clear - overall sentiment toward the redesign was positive.
Consistently faster completion times signal that we’d reduced friction during flows.
100%
Success Rate in 4/5 Flows
Success Rate in 4/5 Flows
0%
Drop-off Rates in 5/5 Flows
Drop-off Rates in 5/5 Flows
5/5
For Ease of Use
For Ease of Use
Where Users Struggled
Opportunities
Was everything perfect? NO!
Here are the Top 3 recurring themes where the users stumbled.
Where Users Struggled
Opportunities
Was everything perfect? NO!
Here are the Top 3 recurring themes where the users stumbled.
Where Users Struggled
Opportunities
Was everything perfect? NO!
Here are the Top 3 recurring themes where the users stumbled.
01 - Information Architecture Gap
20% users navigated to 'My Account' (which is the umbrella term) instead of 'My Profile'.
This reveals a gap in terminology and clear information hierarchy.
02 - Confusing Terminology
a) 30% users didn't quite understand what 'unique pet friend' meant.
b) 20% users clicked on 'Schedule; instead of 'Book a Service' in the Nav Bar when asked to schedule an appointment.
03 - Discoverability
20% users strugged to get to the Appointments List page from the 'Schedule' tab.
They wanted an option to get to the Appointments List page quicker.
05 - Iterations
Listening to Users: Turning Feedback into Better Design
05 - Iterations
Listening to Users: Turning Feedback into Better Design
05 - Iterations
Listening to Users: Turning Feedback into Better Design
Back to the Drawing Board
High Priority
Replaced unclear terminology
Rename confusing Nav labels
Fixed spelling and grammatical errors
Disabled irrelevant fields unless another field is selected
Improved hover state behaviors
Due to the time-boxed nature of the project, low-priority changes were deprioritized.
Back to the Drawing Board
High Priority
Replaced unclear terminology
Rename confusing Nav labels
Fixed spelling and grammatical errors
Disabled irrelevant fields unless another field is selected
Improved hover state behaviors
Due to the time-boxed nature of the project, low-priority changes were deprioritized.
Back to the Drawing Board
High Priority
Replaced unclear terminology
Rename confusing Nav labels
Fixed spelling and grammatical errors
Disabled irrelevant fields unless another field is selected
Improved hover state behaviors
Due to the time-boxed nature of the project, low-priority changes were deprioritized.
06 - Final Prototype
Where Everything Comes Together
06 - Final Prototype
Where Everything Comes Together
06 - Final Prototype
Where Everything Comes Together
Back to the Drawing Board
The Final Prototype
The final prototype brings all the UX decisions, design system foundations, and usability insights together into a clean, cohesive experience.
Streamlined layouts, clearer hierarchies, and consistent interaction patterns made the updated UI feel intuitive and easy to navigate.
The prototype is fully dev-ready, supported by dev-handoff documentation, component specs, and interaction guidelines to ensure a smooth and accurate build.
Back to the Drawing Board
The Final Prototype
The final prototype brings all the UX decisions, design system foundations, and usability insights together into a clean, cohesive experience.
Streamlined layouts, clearer hierarchies, and consistent interaction patterns made the updated UI feel intuitive and easy to navigate.
The prototype is fully dev-ready, supported by dev-handoff documentation, component specs, and interaction guidelines to ensure a smooth and accurate build.
Back to the Drawing Board
The Final Prototype
The final prototype brings all the UX decisions, design system foundations, and usability insights together into a clean, cohesive experience.
Streamlined layouts, clearer hierarchies, and consistent interaction patterns made the updated UI feel intuitive and easy to navigate.
The prototype is fully dev-ready, supported by dev-handoff documentation, component specs, and interaction guidelines to ensure a smooth and accurate build.
07 - Reflection and Learnings
Growing as a Designer Through Fast Feedback
07 - Reflection and Learnings
Growing as a Designer Through Fast Feedback
07 - Reflection and Learnings
Growing as a Designer Through Fast Feedback
What I Strengthened
Stakeholder communication - I learned to articulate design rationale to CEOs and cross-functional teams with varying design literacy
Speed with Thoughtfulness - Balancing fast iteration cycles with intentional decision making is challenging but essential.
Collaboration across time zones - Working with Springboard's provider-side team taught me how to align design patterns, reduce inconsistencies, and maintain cohesion when working across timezones.
What I'd do differently
Testing Early, Test Often - running quick prototype validations before committing to full flows- to catch friction points sooner and accelerate iteration.
Tighter Dev Handoff - Aligning earlier on component behaviors, edge cases, and responsive rules would reduce last-minute clarifications
Involve Engineers sooner - Frequent design–dev reviews with engineers involved in key decisions would ensure technical feasibility is validated sooner than later
What's next for TiriVelo?
Future Iterations
This is just the MVP. Future versions could include -
AI-powered provider recommendations based on pet personality, owner preferences, and past bookings
Improved Navigation: discoverability for appointments - dashboard surfacing or inside nav
Onboarding tooltips or guided first-time user prompts
Predictive scheduling that suggests booking times based on past patterns
What's next for TiriVelo?
Future Iterations
This is just the MVP. Future versions could include -
AI-powered provider recommendations based on pet personality, owner preferences, and past bookings
Improved Navigation: discoverability for appointments - dashboard surfacing or inside nav
Onboarding tooltips or guided first-time user prompts
Predictive scheduling that suggests booking times based on past patterns
What's next for TiriVelo?
Future Iterations
This is just the MVP. Future versions could include -
AI-powered provider recommendations based on pet personality, owner preferences, and past bookings
Improved Navigation: discoverability for appointments - dashboard surfacing or inside nav
Onboarding tooltips or guided first-time user prompts
Predictive scheduling that suggests booking times based on past patterns
View Other Case Studies >
View Other Case Studies >
View Other Case Studies >
Liked what you saw? Let's connect and build something awesome together!
© Shivangi Gupta | 2026
[ Fueled by Filter Coffee and Framer ]
Liked what you saw? Let's connect and build something awesome together!
© Shivangi Gupta | 2026
[ Fueled by Filter Coffee and Framer ]
Liked what you saw? Let's connect and build something awesome together!
© Shivangi Gupta | 2026
[ Fueled by Filter Coffee and Framer ]