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's Stay Connected newsletter page shown on a laptop: the top navigation, the headline, and a sign-up form with name and email fields.

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.

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 pages · Partnerships The University and Design Partnerships page shown on a phone: a credibility hero, value cards, a how-it-works flow, and partner institution logos.
The University & Design Partnerships page, one of the trust-building surfaces built on the existing design system. The Legal Hub and newsletter sign-up round out the set.
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.
The Legal Hub, annotated with the reasoning that ties a scannable policy index to trust and fewer support requests.
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.
Open the dev-ready prototype Figma ↗