Skip to content

How to Design Your Online Store (with Zero Design Experience)

How to Design Your Checkout

How to Design Your Online Store (with Zero Design Experience)

How to Design Your Checkout

Course content (20 lessons)

Overview

Welcome to the Course!1:36

Meet Your Instructor1:23

Collect Design Inspiration2:14

Shopify Theme Store Tour5:08

Frequently Ask Questions0:00

01 |Ecommerce Design Principles

The 3 Step Framework to Design Your Store8:48

The 4 Pillars of Ecommerce Design10:41

Case Study: Top Stores and Why They Work5:13

02 |Create Your Brand Identity

Why Branding Matters3:27

How to Create Your Brand Architecture6:13

3 Elements of a Brand Defining Moodboard5:02

4 Pillars of a Strong Brand Identity9:19

Implementation: Create a Coming Soon Page10:22

03 |Build Your Shopify Store

How to Pick the Right Theme for Your Shopify Store4:06

How to Design Your Homepage4:01

How to Design Your Product Page6:22

How to Design Your Checkout2:17

Implementation: Build Your Shopify Store26:15

Conclusion: Launch Your Shopify Store1:51

04 |Bonus

4 Ways to Customize Your Store2:10

Overview

Welcome to the Course!1:36

Meet Your Instructor1:23

Collect Design Inspiration2:14

Shopify Theme Store Tour5:08

Frequently Ask Questions0:00

01 |Ecommerce Design Principles

The 3 Step Framework to Design Your Store8:48

The 4 Pillars of Ecommerce Design10:41

Case Study: Top Stores and Why They Work5:13

02 |Create Your Brand Identity

Why Branding Matters3:27

How to Create Your Brand Architecture6:13

3 Elements of a Brand Defining Moodboard5:02

4 Pillars of a Strong Brand Identity9:19

Implementation: Create a Coming Soon Page10:22

03 |Build Your Shopify Store

How to Pick the Right Theme for Your Shopify Store4:06

How to Design Your Homepage4:01

How to Design Your Product Page6:22

How to Design Your Checkout2:17

Implementation: Build Your Shopify Store26:15

Conclusion: Launch Your Shopify Store1:51

04 |Bonus

4 Ways to Customize Your Store2:10

Resources:

Customizing the style of your checkout (Shopify Help Center checklist)

In the next lesson you will see a demo of how to make edits to your checkout.

[MUSIC PLAYING] The checkout page is a last stop in the buyer's journey. They've added a product to their cart and you're moments away from hearing that Shopify touching notification, when they make a purchase. You want to make the process as quick and easy as possible for your customers to add their information and checkout. And the truth is there's not a lot you can actually do to change your checkout page.
Aside from security and other compliance rules, Shopify own design team as expertly designed the checkout to be as optimized as possible. They're seeing thousands of checkouts every minute. So they made sure the checkout flow is as user friendly as possible as well. So what should you do to make edits, so you can be on brand with your checkout page?
Here are three recommendations I believe you should customize for your checkout page. Number one-- upload your company logo. This simply conveys consistency between every page on your store. Number two-- change the colors of your checkout elements to match the ones with your store. This will also convey consistency and trust for an overall experience.
Number three-- change the thoughts to be the same as your website and be sure that your fonts are simple and easy to read. These are the three design elements, I would recommend when designing out your checkout page. Ultimately, the goal is not to distract users. You want them to put their information and click Complete purchase. Google Autocomplete and Shopify Pay also makes it simple for customers to speed through their checkout process.
In the resource section below, I've shared links to [? helpful ?] Shopify documents showing each step on how they make changes to your checkout page. I'll also show you how to make the updates in the implementation phase as well. Now let's head to the next lesson, where we can learn how to officially launch your Shopify store. [MUSIC PLAYING]