Conversion-focused · TiriVelo, Inc.

Scaling TiriVelo for trust & conversion

New pages and a booking lifecycle for a pet-care platform, designed to make onboarding clearer, build trust, and turn first-time visitors into repeat bookings.

Role
UX/UI Designer
Team
Cross-functional (CEO, eng, marketing)
Focus
Site expansion & conversion
Output
Dev-ready handoff
TiriVelo sign-up: side-by-side cards letting a visitor continue as a pet owner or as a pet provider, each listing what they get.

Overview

A growing marketplace that needed to earn trust faster

TiriVelo connects pet owners with trusted service providers. Working in a cross-functional team with the CEO, engineers, and marketing, I helped expand the marketing and onboarding website, improving onboarding clarity, refining navigation, strengthening trust, and lifting conversion. I balanced business goals, user needs, and feasibility throughout, building on the existing design system so every new page integrated cleanly.

01

Scoped the highest-impact work

From the expansion roadmap, I owned four areas where clarity and trust most directly affect conversion.

Booking lifecycle

Request → confirmation → care report → review, designed end to end.

Partnerships page

University & design-program partnerships that build credibility and brand story.

Legal Hub

A single, scannable home for legal, privacy, and policy information.

Newsletter sign-up

A two-path acquisition flow for pet providers and pet owners.

02

Designed the booking lifecycle around trust

The centerpiece: a six-stage journey that replaces post-booking anxiety with clarity, and turns one good service into the next booking. Each stage has a single job.

Key decision

Surface every state, even when it means more steps

A lighter flow with fewer touchpoints was on the table. I chose to surface booking states, care updates, and confirmations throughout instead, because reducing uncertainty and earning trust mattered more than keeping the journey short. When someone is handing over their pet, feeling sure at each step is worth the extra steps.

i

Booking request in chat

A request card summarizes service, date & time, location, and price. Reduce friction by keeping booking and communication in one place.

ii

Upcoming booking appears

Once accepted, it surfaces automatically in chat. Reassurance and visibility right after provider approval.

iii

Booking confirmed

A success screen repeats the details, offers add-to-calendar and share, and sets a "what happens next." Replace anxiety with clarity and preparedness.

iv

Service completed

A completion notice with a summary and clear next step. Bridge the gap between service done and trust earned.

v

Care report

Visit activities, photo updates, and provider notes. Turn a completed service into proof of care.

vi

Review

A rating and feedback captured at the satisfaction peak, with a prompt to book again. Drive reviews and repeat bookings.

The booking flow

The booking → confirmation → care → review journey, screen by screen. Tap any screen to enlarge.

01Booking request in chat
Messaging screen with a sent booking request card marked Pending, showing date, time, location, and total price.

The request card sits inside the conversation, keeping booking and chat in one place.

02Upcoming booking appears
Messaging screen with a confirmed Upcoming Booking card pinned to the top of the chat, with view-details and manage-booking actions.

Once accepted, a confirmed booking surfaces automatically in the thread.

03Booking confirmed
Booking Confirmed success page repeating the details with add-to-calendar, share, receipt, message-provider actions, and a what-happens-next list.

A dedicated success state repeats details and sets expectations for the day.

04Service completed
Service Completed page with a care-report-available banner and a booking summary including actual visit duration.

A completion notice bridges the gap between service done and trust earned.

05Care report
Care Report page detailing completed activities, photos from the visit, provider notes, and a walk route, ending in confirm and leave review.

Activities, photos, and notes turn a finished visit into visible proof of care.

06Review
How was your experience review page with a star rating, optional written feedback, and prompts to book again or message the provider.

Feedback captured at the satisfaction peak, with a nudge to book again.

From the annotations · why each step earns trust

  • Booking lives inside the conversation, so confirmation never leaves the chat and communication stays centralized.
  • Every step repeats the essentials (date, time, location, price) to remove uncertainty and reinforce trust at each handoff.
  • The care report turns a finished visit into proof of care, and the review is captured at the satisfaction peak to drive repeat bookings.
03

Built pages that make the platform feel credible

Key decision

A guided sign-up over one long form

I split the newsletter into a short, step-by-step flow rather than a single-page form, to cut cognitive load and decision fatigue so more people reach the end. The tradeoff: a guided path offers less customization than a full form on one screen, which I judged a fair price for higher completion.

Before · v1 The first version: a single page holding two parallel newsletter forms side by side, each asking for name, business, and email, plus four notification-preference checkboxes to weigh before submitting.

One page. Two parallel forms, each with its own fields and four preference checkboxes to weigh before you can submit.

After · shipped
Step one: name and email, with a single Get Started button.01 · Email
Step two: choose whether you are a pet owner or a pet provider.02 · Who you are
Step three: pick the topics you want updates about.03 · Interests
Step four: a confirmation screen setting out what happens next.04 · Done

Four short steps. Email first, then who you are, then what you want, then done. Step 02 is the chooser at the top of this case study.

Key pages · Partnerships
The University and Design Partnerships page: a credibility hero, four value cards explaining what students get, a four-step how-it-works flow, and a grid of partner institution logos. Click to view the full page
The University & Design Partnerships page, one of the trust-building surfaces built on the existing design system.
04

Iterated with stakeholders, shipped dev-ready

How to read these: the pages below are the dev-ready deliverables, annotated for the engineers who build them. Each callout names a section's purpose and the goal it serves, so the design intent, not just the layout, carries into production.

Annotated handoff · Partnerships
Partnerships page hero: a group photo and the headline about building the future of pet care through university and design partnerships.
Hero section

Establish credibility immediately and explain what these partnerships represent.

Partnerships page value cards: real product experience, cross-functional collaboration, portfolio-ready impact, and mentorship and structure.
Value cards

Explain why these partnerships matter and the value of working with schools and design programs.

Partnerships page how-it-works flow: design and discovery, design handoff, build and iterate, and launch.
How it works

Help students understand what they're signing up for.

Partnerships page partner logos: a grid of university partners and design program partners.
University & design program logos

Showcase the schools involved and the credibility they bring.

Partnerships page impact stats: students involved, partner institutions, features built, and active projects.
Partnership impact

Show the scale and impact of these collaborations.

Partnerships page ready-to-partner call to action and page footer.
"Ready to partner" call to action

Give interested visitors a clear next step, turning curiosity into an inquiry or partnership conversation.

The partnerships page section by section, with each block's purpose called out beside it for build.
Annotated handoff · Legal Hub Legal Hub page: the policy card grid with quick access to privacy, terms, community guidelines, payments, safety, and compliance policies.
Purpose

Centralize all legal, privacy, and policy information so users can easily find and trust how the platform operates.

  • Quick access to key legal documents.
  • Content organized in a clear, scannable format to reduce friction.
  • Reinforces credibility by making policies easy to locate and understand.
Why it matters
  • Builds trust and compliance confidence before someone books or becomes a provider.
  • Reduces support requests by giving users self-serve access to key information.
  • Helps the platform meet legal and transparency expectations.
05

Outcome: a cohesive, conversion-driven experience

The result

New pages and flows that feel consistent with the existing brand, reduce friction across discovery, onboarding, and booking, and strengthen trust through clearer messaging, supporting both acquisition and long-term engagement.

  • Smoother path from learning about the platform to taking action.
  • Stronger trust signals at every high-stakes moment, from first visit to post-service review.
  • A repeat-booking loop built into the end of the service journey.

"Her designs were not only visually appealing, but also grounded in real-world application, making them practical for development and implementation. … Her work has had a lasting impact on the direction of our platform and continues to influence ongoing design efforts."

Michael Navarro, Founder & CEO, TiriVelo Inc.
Open the dev-ready prototype Figma ↗
© 2026 Leah Shim · Carefully crafted, occasionally overthought