Building Branded E-Commerce Websites on Webflow

Course Curriculum

Chapter 1: An Introduction to Strategic Branded Website Design

Lecture 1: The difference between a $500 vs $10,000 Website

Lecture 2: Examples of World-class E-Commerce Brand Websites

Lecture 3: How to get Free Website Templates & Webflow Support

Lecture 4: Creating a Seamless Website User Experience

Lecture 5: Building a Website that can Promote Brand Growth

Lecture 6: The 5-Second Rule *Do not miss lesson*

Chapter 2: Strategic Website Design Mini-Bootcamp

Lecture 1: Alignment & Grids

Lecture 2: Visual Hierarchy

Lecture 3: Fonts & Typography

Lecture 4: Creating Website Colour Palettes

Lecture 5: Using Your Website Colours Properly

Lecture 6: Button Hierarchy Design

Lecture 7: The Importance of Great Imagery

Lecture 8: Where to find Great Stock Imagery (Free & Paid)

Lecture 9: Cropping & Framing Images (The Rule of Thirds)

Lecture 10: Contrast Rules (Including USA Legal Requirements)

Lecture 11: Repetition & Consistency

Lecture 12: Overlapping

Lecture 13: White Space

Chapter 3: Results-Driven Strategic Website Design

Lecture 1: Defining your Websites Strategic Objectives

Lecture 2: E-Commerce Best Website Structure Inspiration

Lecture 3: Finding Inspiration for your Website

Lecture 4: Deciding what pages you need to meet objectives

Lecture 5: Creating the Structure of each Website Page Strategically

Lecture 6: Why use a Website Template & Where Can You Find Them?

Lecture 7: More Inspiring E-Commerce Brand Website Examples

Chapter 4: Webflow Essentials Crash Course

Lecture 1: What is Webflow?

Lecture 2: Webflow Packages

Lecture 3: Webflow vs Other Website Building Platforms

Lecture 4: Breakpoints in Webflow

Lecture 5: Introduction to Box Model

Lecture 6: Sections

Lecture 7: Containers

Lecture 8: Div Blocks

Lecture 9: Grids

Lecture 10: Link Blocks

Lecture 11: Buttons

Lecture 12: Typography

Lecture 13: Images

Lecture 14: Videos

Lecture 15: Lottie Animations

Lecture 16: Forms

Lecture 17: Navigation Bars

Lecture 18: Symbols

Lecture 19: Lightboxes

Lecture 20: Sliders

Lecture 21: Tabs

Lecture 22: Adding Social Media Buttons

Lecture 23: Classes

Lecture 24: Backgrounds

Lecture 25: Display Settings & Responsiveness

Lecture 26: Image Optimisation & Lazy load

Lecture 27: Positioning

Lecture 28: Hero Sections

Lecture 29: CMS & Dynamic Content

Chapter 5: Building Your E-Commerce Website

Lecture 1: E-Commerce Brand Website Build – (PART ONE) – Website Structure Development

Lecture 2: E-Commerce Brand Website Build – (PART TWO) – Finishing Touches & Settings

Chapter 6: Launching your Website

Lecture 1: How to make sure your Website Reaches Google's Page #1

Lecture 2: How to Secure a Great Domain for your Website

Lecture 3: Adding a Custom Domain to your Website

Chapter 7: How to Get More Sales After Website Launch

Lecture 1: Installing Hotjar to Gather Valuable Data to Improve your Website

Lecture 2: Creating a Marketing Strategy to Drive Website Traffic

Lecture 3: Refining your Website to Optimise for Conversion

Lecture 4: How to know when your Website is Perfect?