UI reference · web

Adding a payment method

5 screens · OpenTable

Adding a payment method UI from OpenTable

Patterns

Empty StateAdd & CreatePayment MethodLoading

Components

buttontablistinputcardmodalprogress_indicator

Explore real product flows

Onboarding flow in OpenTable

Discover restaurants flow in OpenTable

Discover restaurants

Reserving a table flow in OpenTable

Reserving a table

Reserving an experience flow in OpenTable

Reserving an experience

Finding next available dates flow in OpenTable

Finding next available dates

Filtering and sorting search results flow in OpenTable

Filtering and sorting search results

Restaurant detail flow in OpenTable

Restaurant detail

Finding a table flow in OpenTable

Finding a table

OpenTable Rewards flow in OpenTable

OpenTable Rewards

Switching to Map view flow in OpenTable

Switching to Map view

Modifying a reservation flow in OpenTable

Modifying a reservation

Menu flow in OpenTable

Explore the full catalog

Terms and conditions Privacy Cookies