- Client
- Open Trip
- Role
- Frontend engineering
- Stack
- Next.js 16, React 19, TypeScript, Tailwind CSS
- Year
- 2026
01Challenge
Trip listing pages fail when filters are decorative. Every control on this page had to drive the results.
Deciding between open trips is already hard; the interface had to make the narrowing obvious.
02Approach
A hero search bar and a destination filter bar both feed a single filtering layer over the trip list.
A no-results state with a reset action and a live result count announced to screen readers keep the state legible.
Trip details open in an accessible modal with a booking handoff.
03Outcome
Narrowing from a full list to one trip takes two deliberate clicks.
The controls never pretend to work; they work.