Design QA · Find a sitter · sitter card

Sitter card: simpler, with price

Keep only what matters, keep our filters, add price (Seulgi). Toggle Rover's extras to compare; the default is the recommendation.

Where we are

Prototype before
Broken layout, price as a grey tag.
Live app
No card: a bare name row.
Rover reference
Price on the right, plus extras.

Playground

Find a sitter

📅 Oct 9 to 12🐾 Max, Mochi📍 5 km
🏷 Prices include all fees.
Search bar
Card extras
Recommended
Name, ★ · stays · km, availability, price as "total per night", fees note. Rest off.

Search bar

Today's emoji chips read like disabled filters. B is one adjustable pill, Airbnb or flight style: line icons, a small label over each value, tap a part to change it: quick picks plus a calendar for When, chips for Pets, quick picks plus a slider for Within. Picking either way keeps both in sync. Results update as you go, so no search button. New component SearchPill, replacing the app's SitterSearchBar.

Why

PieceKeep?Why
Price, large, rightAddWhat people compare first.
"total" + fees noteAdd*Trust in one line. *Only if the quote includes all fees.
Availability tagKeepLive from the calendar.
★ · stays · kmKeepTrust and distance in one line.
Calendar updatedDropOur availability is already live.
Repeat clientsDropNo real history in the demo; profile later.
Numbering, tagline, chevronDropNoise; the whole card is tappable.

Next

Agree here, then build SitterCard in the app and update Figma via the plugin.