07.5 / Design Elements #3
Stepped process
A progress bar lets the user know
where they are in relation to attaining
the end-goal by breaking up a task
into logical, titled steps.
Progress indicator

Loading spinner

Membership badge levels

Membership badge levels

Breadcrumbs

Search filters – vertically anchored
Search Filters allow the traveler
to refine their search to meet their
specific needs. By using accordion
panels to expand or collapse
sections, the user is able remain
in the same screen to refine their
selections.
Search filters appear vertically anchored on screens larger than 1280px. If the users screen is smaller than 1280px, the filters will be horizontally anchored to the bottom of the browser.
Search filters appear vertically anchored on screens larger than 1280px. If the users screen is smaller than 1280px, the filters will be horizontally anchored to the bottom of the browser.
All filters collapsed

Price and schedule

Airports & route

Experience

Search filters – horizontally anchored
Search Filters allow the traveler
to refine their search to meet their
specific needs. By using accordion
panels to expand or collapse sections,
the user is able remain in the same
screen to refine their selections.
Search filters appear vertically anchored on screens larger than 1280px. If the users screen is smaller than 1280px, the filters will be horizontally anchored
Search filters appear vertically anchored on screens larger than 1280px. If the users screen is smaller than 1280px, the filters will be horizontally anchored
All filters collapsed

Price and schedule

Airports & route

Experience

Search filters – in context
Search Filters allow the traveler
to refine their search to meet their
specific needs. By using accordion
panels to expand or collapse sections,
the user is able remain in the same
screen to refine their selections.
Search filters appear vertically anchored on screens larger than 1280px. If the users screen is smaller than 1280px, the filters will be horizontally anchored to the bottom of the browser.
Search filters appear vertically anchored on screens larger than 1280px. If the users screen is smaller than 1280px, the filters will be horizontally anchored to the bottom of the browser.
Filters – vertically anchored

Filters – horizontally anchored
