Doggio — Designing Trust Signals into a Service Marketplace · Nicole Di Nardo | UI/UX Designer
Consumer · Mobile App · Lead UI/UX Designer

Doggio —
Designing Trust Signals into a Service Marketplace

Dog owners struggle to find trustworthy walkers. Existing options — fragmented listings, opaque vetting, unclear pricing — create anxiety around handing a pet to a stranger. Doggio was designed to solve the trust problem through radical transparency at every step of the booking journey.

Role
Lead UI/UX Designer
Company
Case Study
Year
2024
Platform
iOS & Android

Solving the
trust problem

Doggio is a comprehensive mobile-first platform connecting dog owners with verified professional walkers. Designed in Figma from user research through interactive prototype, the app prioritises trust signals throughout: walkers display verification badges (Email Verified, ID Verified, Phone Verified), reference counts, star ratings, and proximity — all visible before a single tap. The booking flow is deliberately minimal: browse, select, book, pay — a single linear path with no dead ends.

The walker list card surfaces all trust signals at a glance — badge row, rating, review count, price, and distance — so owners make informed shortlist decisions without drilling into individual profiles.

Screens covered: Login · Registration · Walker browse (with filters) · Walker profile · Booking calendar · Recurring booking toggle · Payment · Booking confirmation · Messaging · Bookings history · Notifications

Designed for
two users

Emma K.
Dog Owner · Primary User
Goals
  • Find a trustworthy walker quickly
  • Book recurring walks without friction
  • Know her dog is safe at all times
Pain Points
  • Can't quickly assess if a stranger is trustworthy
  • Too many options without enough differentiation
  • Rebooking a good walker takes too many steps
Tajana C.
Professional Dog Walker · Service Provider
Goals
  • Get discovered by owners in her area
  • Build credibility through verified badges
  • Manage multiple bookings without confusion
Pain Points
  • Competing with unverified, cheaper alternatives
  • No way to show qualifications upfront
  • Calendar management across platforms is fragmented

Research
findings

Finding / Insight Design Response
Trust is the primary conversion barrier for first-time bookings Verification badges (Email / ID / Phone) surfaced directly on the browse list card — visible before opening a profile
Users shortlist 2–3 walkers before deciding — comparison is the core browse behaviour Filter bar (price, distance, rating) persistent on browse view; all key comparators visible on the card
Login friction causes app abandonment before first booking Facebook SSO + standard email/password — two paths, both visible, neither suppressed
Recurring bookings are a primary use case for committed users Recurring toggle in the booking flow itself, not buried in account settings
Review volume is the strongest trust proxy in service marketplaces Review count displayed on list card alongside star rating — quantity and quality both visible simultaneously

From research
to prototype

Week 1
Research
• Competitive audit (Rover, Wag)
• User research & interview synthesis
• Persona development
Week 2
Architecture
• Information architecture mapping
• User flow diagrams
• Booking flow logic
Weeks 2–3
Wireframes
• Lo-fi wireframing (browse + booking)
• Trust signal hierarchy
• Onboarding flow
Weeks 3–4
Visual design
• Brand application in Figma
• Interaction design (walker cards)
• Design system & component library
Week 5
Prototype & test
• Interactive Figma prototype
• 5-user usability testing
• Iteration on filter UX

Every screen
mapped

Screen / State Purpose Key Elements & Decisions
Login / Register Authentication entry point Email/password · Facebook SSO · Register link · Forgot password path
Home Primary dashboard Greeting · Nearby walker summary · Quick book CTA · Bottom nav (5 tabs)
Browse Walkers Walker discovery List of walker cards · Filter bar (price/distance/rating) · Sort options
Walker Card At-a-glance trust summary Photo · Name · Price/hr · Distance · Star rating · Review count · 3 verification badges · Select CTA
Walker Profile Full walker detail Bio · All badges · Full review list · Photo gallery · Availability calendar · Book CTA
Book: Select Date Calendar booking Monthly calendar · Available/unavailable date states · Recurring toggle · Frequency selector
Book: Confirm Pre-payment review Walker summary · Date/time · Service type · Price total · Confirm CTA
Payment Transaction completion Saved card display · Total · Pay CTA
Booking Confirmed Success state Booking ID · Walker · Date/time · Add to calendar option
Messages Owner–walker communication Thread list · Conversation view · Message input · Read receipts
Bookings Past and upcoming bookings Status-coded list · Timeline view · Rebook shortcut on completed bookings
Profile / Settings Account management Personal info · Payment methods · Notification prefs · Logout

Step-by-step
journeys

Primary flow — first booking
Open app Login/Register Browse walkers Filter results View walker profile Tap Book Select date Toggle recurring Confirm booking Payment Booking confirmed
Return user — quick rebook
Open app Bookings tab Find completed booking Tap Rebook Date pre-selected Confirm Pay Confirmed
Post-booking — tracking & review
Notification: walk started Open Bookings View active booking Message walker Notification: walk complete Rate & review walker Review saved to profile

Every choice
justified

Decision Made Why — Rationale Alternative Rejected
Trust signals on list card (not only in profile) Shortlisting happens at the card level. Trust only visible in profile means opening 5–6 profiles before any trust check — adding friction before the first decision. Trust info in profile only — rejected; most users never reach a profile if the card doesn't earn initial trust
Price per hour on card (not total cost) Total cost depends on walk duration which varies. Hourly rate is the fair comparator. Total shown at booking confirmation once duration is set. Show total cost on card — rejected; pre-duration total creates false comparison across walkers
Recurring toggle in booking flow Recurring is a booking-time decision. Users decide this while booking, not in settings weeks later. Recurring in account settings — rejected; users who want recurring walks wouldn't think to look in settings
5-tab bottom navigation Home, Browse, Bookings, Messages, Profile are 5 equal primary destinations. Bottom nav is the mobile standard for ≤5 destinations. Hamburger menu — rejected; hides primary destinations, increases depth, violates mobile consumer conventions
Review count alongside star rating 50 reviews at 4.8★ is more trustworthy than 3 reviews at 5.0★. Volume and quality are both meaningful trust signals. Star rating alone — rejected; removes the volume context that makes the quality signal meaningful

Early explorations

Screen-level design

High-fidelity screens

Brand system

Colour Palette
Primary Orange
#F7931E
Warm Yellow
#FDB913
White
#FFFFFF
Light Grey
#F5F5F5
Dark Text
#333333
Muted Text
#999999
Facebook Blue
#4267B2
Typography
H1 — Title
Welcome to Doggio!
H2 — Section
Select the Date of the Walk
H3 — Card
Mary J.
Body
Experienced, Educated, and Healthy/Happy sitter who's passionate about keeping your furry friend healthy and happy.
Caption
€10 hr / 500 m · Email Verified · ID Verified
Navigation Icons
home
Home
mail
Messages
event_note
Bookings
notifications
Notifications
arrow_back
Back
menu
Menu
Border Radius
0px — Tables
8px — Cards
12px — Buttons
50% — Avatars
Spacing Scale
8px
12px
16px
24px
32px
48px

Results that
matter

Doggio demonstrates how trust can be systematically designed into a marketplace product through deliberate information hierarchy and transparency at every interaction point.

< 4 taps Browse to confirmed first booking
100% Trust signals visible at list-card level — no profile drill-in required
5 participants Usability test validated browse, filter, and booking flows

Design case study exploring trust as a conversion lever in service marketplace UX. Full process from user research and information architecture through wireframing, Figma prototyping, interaction design, and usability testing with 5 participants; not implemented in production.

Clever Recruit — High-Density Recruitment Pipeline for 200+ Candidates
Next Project
Clever Recruit —
High-Density Pipeline for 200+ Candidates