UI reference · ios

Adding a payment method

14 screens · Shell

Adding a payment method UI from Shell

Patterns

HomeWallet & BalanceGuided Tour & TutorialVerificationSetAcknowledgement & Success

Components

toggletabcardinputtoast

Explore real product flows

Onboarding flow in Shell

Switching to Shell Recharge flow in Shell

Switching to Shell Recharge

Purchasing fuel (at the pump) flow in Shell

Purchasing fuel (at the pump)

Adding a payment method flow in Shell

Adding a payment method

Fuel rewards status flow in Shell

Fuel rewards status

Home (Fuel) flow in Shell

Charging a vehicle flow in Shell

Charging a vehicle

Filtering stations (Fuel) flow in Shell

Filtering stations (Fuel)

Station detail (Recharge) flow in Shell

Station detail (Recharge)

Reporting an issue flow in Shell

Reporting an issue

Station detail (Fuel) flow in Shell

Station detail (Fuel)

Mobile pay offer flow in Shell

Mobile pay offer

Explore the full catalog

Terms and conditions Privacy Cookies