Project tags
Marketplace Dashboard
Company
Yourgi, a digital marketplace web and mobile app that connects pet parents with pet service providers offering everything from daycare to grooming.
Primary Users
Independent pet care professionals, such as in-home daycare and boarding providers, who are joining the Yourgi marketplace space with established pet care businesses.
Challenge
How can a dashboard help organize and optimize bookings made on a digital marketplace to help these pet care providers efficiently run their business?
Role
As a contract Product Designer, I collaborated closely with Product Managers, Engineers, and other Product Designers to define, design, and deliver a fully responsive digital marketplace experience from concept to handoff.
Goal
Design a dashboard for providers to efficiently manage bookings and reduce friction with consumers.
Discovery
User Flow Diagram
To support the bookings dashboard design, I mapped out a comprehensive user flow illustrating the end-to-end booking journey from the consumer’s request to the provider’s service fulfillment. This helped the team identify an ideal flow along with edge cases.
I also collaborated with engineers to align the new booking structure with legacy databases used by existing providers. This simplified the launch of the MVP by reducing technical overhead for engineers.
Audit of Direct + Indirect Competitors
I conducted a competitive audit of platforms that manage time-based services, analyzing both direct (pet care platforms) and indirect (hospitality, personal care, freelance services) competitors.
The audit uncovered best practices in time-slot booking management as well as usability pitfalls like unintuitive categorization. These insights informed our content strategy and helped prioritize functionality that would drive efficiency for providers.
User Research
Using the user personas I created earlier in the onboarding experience, along with feedback collected during user testing of the onboarding flow, I had a good amount of base knowledge around the users’ needs.
To deepen this, I reviewed user forums and app store reviews from competitor platforms. A recurring issue was managing bookings through disjointed chat interfaces. This signaled a strong opportunity to improve booking transparency and context without relying on potentially cumbersome messaging threads.
Findings
Despite stakeholder pressure to match our closest competitor’s feature set, I intentionally looked for moments to differentiate. A key area of improvement was separating messaging and booking requests. A competitor platform creates multiple message threads per consumer, with no separate space to organize bookings, leading to cognitive overload and clutter.
The design team advocated for a simplified messaging model—one thread per client—more aligned with users’ mental models and a separate booking dashboard. The design team divided and conquered the Messaging and Bookings UIs while ensuring consistency and cohesion across both experiences.
Design
Page Structures
Inspired by patterns observed in indirect competitor platforms, I structured the dashboard around two primary views:
List View: A sortable, filterable view categorized by booking status (e.g., pending, confirmed, canceled).
Detail View: A dedicated page for each booking, surfacing key data such as service type, client notes, pet information, and payment status.
Additionally, I introduced the idea of a calendar view to visualize bookings across weeks and months, eventually evolving into its own section to reduce complexity.
Page Content
Content across the views was defined using a hierarchy of need. High-level booking details could be summarized in the list view, while more granular details—including service logistics and special instructions—were reserved for the detail view.
This modular content approach enables scalability for future features and supports providers in making quicker, more informed decisions.
Low to High-Fidelity Wireframing
Given the early-stage nature of this new arm of the platform, I led the creation of low- to high-fidelity wireframes while simultaneously exploring new component visuals in parallel with the designer working on the messaging UI.
We leveraged our Figma design library but also took creative liberties in evolving certain UI elements for improved clarity and interaction. I created three fidelity stages to validate direction and iterate toward a refined solution for handoff.
Booking Status
I used colors to establish a booking status that tied in with other components from the product such as the blue progress bar from onboarding signifying a “pending” booking as well as standard red and green design patterns for cancelled and accepted bookings. This allows the user to work quickly and efficiently.
Expandable Content
Building on established interaction patterns in Yourgi’s existing UI, I utilized expandable components such as accordions to progressively disclose information without overwhelming users.
This provided a clean default state while still offering immediate access to deeper content layers when needed.
Hand-Off Documentation
Given the ambiguity inherent in building new features, I prioritized detailed documentation within Figma by including notes on interaction behavior, responsive states, edge cases, and component logic.
Post-handoff, I facilitated asynchronous communication with engineers through Loom videos and live discussions to ensure accurate implementation.
User Testing
In collaboration with our UX Researcher, we conducted moderated usability testing on a mid-fidelity prototype I developed during the design process. The sessions focused on participants’ comprehension of the navigation structure and their ability to interpret contextual booking information.
We observed moments of hesitation when interacting with accordion components. While some of this friction was attributed to the limited animation capabilities within Figma prototypes, the team flagged it as a potential usability risk to revisit post-launch, especially in live environments with real content and motion.
Conclusion
Project Impact
This dashboard became a critical differentiator against the apps dominating this pet care market. By surfacing relevant booking information and minimizing reliance on chat-based clarification, we should see reduced provider response times and streamlined workflows.
This not only improves the provider experience but leads to better fulfillment for consumers by reducing booking delays and increasing reliability of care.
User Analytics
Ongoing evaluation of this feature’s success should include metrics such as:
- Customer Satisfaction (CSAT) scores from providers
- Time-to-respond metrics on booking requests
- Reduction in messaging volume related to booking clarification
Tracking these KPIs will provide a clear picture of the dashboard’s role in optimizing service delivery on the Yourgi platform.
