Interactive Demo · BizAway Design System

Flight Filter — Bottom Sheet

A design twin of the BizAway booking experience. Tap filters to open the Bottom Sheet component I built for the design system. Tap annotation pins to hear my design rationale.

Speaking…
9:41 ●●●
✈
From → To
Milan (MXP) → Paris (CDG)
Departing
15 Apr · 1 pax
1
2
Stops Select preferred stop options
Direct
1 stop
2+ stops
Airlines Filter by carrier
Lufthansa
Swiss Air
Air France
ITA Airways
easyJet
Departure time Choose a time window
Early morning (before 9am)
Morning (9am – 12pm)
Afternoon (12pm – 6pm)
Evening (after 6pm)
Travel class Select cabin class
Economy
Business
First
3

Design Rationale — tap a pin or row to hear narration