UI reference · web

Purchasing a course

16 screens · SuperHi

Purchasing a course UI from SuperHi

Patterns

Cart & BagEmpty StateLoadingErrorCheckoutPayment MethodPricingOrder Confirmation

Components

unknowninputemail_inputdropdownprogress_indicatorbuttoncard

Explore real product flows

Onboarding flow in SuperHi

Catalogue flow in SuperHi

Purchasing a course flow in SuperHi

Purchasing a course

Course detail flow in SuperHi

Adding a course to cart flow in SuperHi

Adding a course to cart

Starting a course flow in SuperHi

Starting a course

Dashboard flow in SuperHi

Turning on autoplay flow in SuperHi

Turning on autoplay

Searching catalogue flow in SuperHi

Searching catalogue

Adding a note flow in SuperHi

Editing account settings flow in SuperHi

Editing account settings

Landing page flow in SuperHi

Explore the full catalog

Terms and conditions Privacy Cookies