UI Design Process: Checkout

Where to Start

Screen progression for checkout

Wireframing

Design

Logo Design

Round shapes read as more friendly.

vectorized logo

Screen Design

checkout screen with items
Payment and Address screens
Order Confirmation

Design Notes

--

--

--

I like to draw things. I'm a Designer with an eLearning background. I have a webcomic, and a pretty awesome puppers!

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Helping Drivers Find Parking Faster

Horizontal vs vertical UI component in web responsive design

Horizontal vs vertical UI component in web responsive design

Bit by Bit

How to unlock the customer treasure chest

About Size on Mobile UI Design

Briefbox V4 - the countdown begins

Ulster Rugby Shop Landing Page

3D Optimizing- A vital step to make AR possible for E-commerce

Vibentec IT’s infographic about tips for 3D optimization

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Deanna Brigman

Deanna Brigman

I like to draw things. I'm a Designer with an eLearning background. I have a webcomic, and a pretty awesome puppers!

More from Medium

Ukrainian design system for Figma.

7 Figma Plugins to Ease Your Work

Why use Figma to design mobile application

Make text scrollable in Figma

Drawing of man sitting on desk with a sad face and a lama hat