Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Personal Brand Website Building Course in Webflow

Name: Personal Brand Website Building Course in Webflow
Rating: 4.5 (30 reviews)

This course will show you how to build an amazing looking website for your personal brand, step-by-step.

Created byScott Adam Lancaster | 31,000+ Students | Entrepreneur | Leading Brand Development Consultant

Last updated 5/2024

English

English [Auto],

What you'll learn

The best way to build a Website for your personal brand to help build your email list and grow your community
How to win visitors trust the moment they land on your website and why that's important
How to build a website from scratch without using a single line of code
Creating a website yourself in just a few hours and saving thousands on hiring a developer to do it for you
Learning how to showcase your work in a way which helps you provide a great user experience for your website traffic
Learn how to build an objective driven website which works hard to sell your personal brand every day, 24/7 365!

Course content

8 sections • 83 lectures • 7h 45m total length

What we'll learn inside the course2:39
A warm introduction to the course, where we cover what you'll be learning and what you're going to achieve by the end of the course.
What is Webflow?3:13
How to think about your website1:46
There are far too many websites out there that just exist and are just boards of information. In this lesson, we discuss the importance of having the right mindset when building a website.
How to get Free Website Templates & Webflow Support3:33
Learn how to access free Webflow premium support, templates, icons, graphics, and behavioral tracking tools by signing up with the same email for fast, seamless website building.
Find your website's purpose8:12
In this lesson, we explore the purposes a website might have and learn to establish the purpose that your website would serve.
The difference between a $500 vs $10,000 Website5:26
UX Design made easy1:49
In this lesson, you will learn what UX design is and how to make sure you use it properly (even if you do not have any experience working with it).
How to set objectives for your website8:20
Now that we have our website’s purpose figured out, we move on to the next step of the process, which is setting objectives.
Website visitor psychology2:00
In this lesson, we dive deep into the psychological aspect of building a converting personal brand website.
Examples of World-class Personal Brand Websites8:16
Creating a Seamless Website User Experience6:06
Differentiate UI and UX, with UI focused on interaction and visuals and UX on the user journey and feel; use templates to build a seamless Webflow site that boosts satisfaction.
Building a Website that can Promote Brand Growth10:34
Define a single primary objective and one secondary objective for your personal brand website to grow your email list, drive product sales, and streamline customer journeys.
How to build a perfect homepage1:44
In this lesson, we are going to explore the structure every effective landing page should follow.
The 5-Second Rule *Do not miss lesson*5:08
discover how to grab attention in five seconds by answering: what you do, can I trust you, and tell me more, then present clear benefits on your homepage.
Examples of the best websites5:53
It is always better to learn from the best. Building a website is no exception. In this lesson, we look at the most effective websites out there, which you can use as a model for building your personal brand’s website.

Alignment & Grids2:48
Learn how alignment and grids improve website structure, consistency, and hierarchy to create responsive, on-brand pages that enhance user experience across mobile, tablet, and desktop.
Visual Hierarchy2:33
Fonts & Typography5:01
Creating Website Colour Palettes4:49
Using Your Website Colours Properly2:49
Apply your brand color palette across all website elements with a dominant primary color, an accent color for calls to action, and a white background with dark text for hierarchy.
Button Hierarchy Design3:04
Design a clear button hierarchy to prioritize key actions with size and prominence, guiding users with consistent styling and easy navigation. Explore simple button animations to elevate engagement without coding.
The Importance of Great Imagery4:54
Where to find Great Stock Imagery (Free & Paid)2:50
Cropping & Framing Images (The Rule of Thirds)2:33
Contrast Rules (Including USA Legal Requirements)3:02
Repetition & Consistency3:37
Overlapping3:07
Learn how overlapping creates depth by layering elements beyond their boundaries. Use it strategically in the hero section to highlight calls to action and keep a modern, balanced feel.
White Space3:37

Defining your Websites Strategic Objectives6:00
Personal Brand Best Website Structure Inspiration5:39
Finding Inspiration for your Website4:01
Deciding what pages you need to meet objectives4:22
Creating the Structure of each Website Page Strategically3:08
Why use a Website Template & Where Can You Find Them?3:31
Learn how website templates offer fast, brand-consistent options for e-commerce, personal brands, and service sites, and how to customize a template in Webflow to fit your brand.
More Inspiring Personal Brand Website Examples3:13

Webflow Packages11:51
Webflow vs Other Website Building Platforms7:46
Compare WordPress, Squarespace, Wix, and Shopify with Webflow, highlighting why Webflow offers no-code design freedom, better SEO, responsive sites, and time-saving maintenance.
Breakpoints in Webflow6:05
Introduction to Box Model2:21
Sections3:21
Containers2:37
Fill a container with grid and div blocks to structure a section in Webflow, then populate text, image, and button, using copy and paste or building from scratch for efficiency.
Div Blocks8:12
Learn to build a web section with a container, grid, and two div blocks (text and image) in Webflow, then style the image, typography, and a consistent button.
Grids6:29
Create a grid section in Webflow, adjust padding and container size, or use a container with the columns effect to form a two-column grid for images.
Link Blocks8:22
Learn to add and style link blocks in Webflow, compare them to buttons, create invisible buttons, and apply hover, opacity, transitions, color, and 2D transform to guide users.
Buttons10:13
Design and customize Webflow buttons with padding, text, color, hover effects, and links (phone, email, in-page, or external URLs), then arrange them with div blocks for hierarchy and reuse.
Typography7:05
Learn to master typography in Webflow by selecting standard or custom fonts, adjusting size, weight, line height, letter spacing, and alignment, and using breakpoints for responsive text.
Images2:58
Master adding and replacing images in Webflow, adjust image size with responsive controls, and tailor image behavior across desktop, laptop, and mobile devices.
Videos4:41
Lottie Animations3:29
Forms11:41
Navigation Bars4:38
Symbols2:00
Lightboxes6:48
Sliders10:29
Tabs8:07
Adding Social Media Buttons7:08
Add consistently sized social icons for Facebook, Instagram, and TikTok (X) to a Webflow site using div blocks, grids, and link blocks, with hover opacity and smooth transitions.
Classes4:44
Backgrounds4:16
Display Settings & Responsiveness9:15
Image Optimisation & Lazy load2:43
Prioritize images on your personal brand website by using eager load for hero images and logos, while understanding lazy load to optimize page speed and user experience.
Positioning5:16
Explore static, relative, absolute, fixed, and sticky positioning in Webflow, learn how sections contain absolutely positioned elements, and fine-tune z-index to control layering.
Hero Sections3:54
CMS & Dynamic Content5:28
Discover how a content management system powers dynamic content, organizing projects, blog posts, images, and publish dates to streamline updates on a personal brand site in Webflow.

Selecting a template which suits you1:43
In this lesson, we choose a free template for you to use when building a website for your personal brand.
Building up a personal brand website structure4:14
In this lesson, we take some time to think through an effective structure that will make your website convert more clients into paying customers.
Setting up website’s structure8:17
In this lesson, we start working with our template, delete all the unnecessary elements and add blog posts.
Changing placeholders6:11
Now that we’ve got our structure ready to go, we start to change the images, fonts and other elements there.
Changing text on your website7:23
In this lesson, we go through all the text fields on your personal website.
Branding your website8:32
In this lesson, you will learn how to add your logo and work with colours.
Editing your website interface7:26
In this lesson, you will learn how to edit your navigation bars and footers, making them consistent.
Setting up your Calendly3:30
In this lesson, you will learn how to set up a Calendly account and connect it to your website.
Adding favicon1:07
In this lesson, we change our favicon and webclip.
Adding your hosting and domain5:23
In this lesson, I recommend you the hosting plan and show you how to connect your domain or buy one.
Setting up your blog (if you need one)11:07
This is a bonus lesson for those who want to take advantage of having a personal blog on their website.

Installing Hotjar to Gather Valuable Data to Improve your Website5:09
Creating a Marketing Strategy to Drive Website Traffic4:46
Refining your Website to Optimise for Conversion4:12
How to know when your Website is Perfect?2:53
Learn to assess when your personal brand website in Webflow is ready, get constructive feedback, and apply a marketing funnel to drive traffic and convert visitors into customers.

Requirements

No coding or website building experience needed. Everything in this course can be done by anyone.

Description

Imagine having an amazing website for your personal brand where new fans trusted you instantly!

Wouldn't it be great if you could build it yourself, in just a few hours?

Well this is exactly what this course has been designed to do.

And we want to help you be seen as credible and trustworthy with a beautiful website for your personal brand.

We want your fans and followers to know you're the real deal and we can we use clever approaches when it comes to website design to accomplish this.

How do we do that?

Well it's actually really simple.

And we'll be going over every step of how to create a results-driven website inside this very course.

A website that inspires trust from your website visitors and encourages them to take action.

This course is free because I remember how much time and energy I wasted back 7 years ago when I built my first website for a personal brand.

And I would have given anything to fast-track my progress and get my website design perfect first time.

The course first takes you through how to think about website design.

Teaching you why the best personal brand websites in the world are designed the way they are.

And also why your website should be a digital asset for you, working hard for you everyday.

Your personal brand is important.

So you need a website which shows you in the best light, right?

The exact same formula I'm going to teach you in this course is the same approach every famous person with a strong personal brand uses worldwide... simply because the methods work!

So simply follow the steps and by the end of this course, you'll have a world-class website for your personal brand (worth thousands) which can help you generate leads for your services and charge higher prices.

I'll see inside the course :)

Scott

Who this course is for:

Someone wanting a high quality personal brand website so they look credible and trustworthy to their followers
Someone wanting to attract grow their community and eventually sell merchandise or products through their website
Someone who wants to save thousands and make a great looking personal branded website for free
Someone who wants a step-by-step guide to building an amazing website for their personal brand from scratch, with no previous knowledge of coding or web design

Personal Brand Website Building Course in Webflow

What you'll learn

Explore related topics

Course content

An Introduction to Strategic Personal Brand Website Design15 lectures • 1hr 15min

Strategic Website Design Mini-Bootcamp13 lectures • 45min

Results-Driven Strategic Website Design7 lectures • 30min

Webflow Essentials Crash Course28 lectures • 2hr 52min

Building your Personal Branded Website2 lectures • 49min

Bonus In-depth Lessons - Building Another Personal Branded Website11 lectures • 1hr 5min

Launching Your Website3 lectures • 14min

How to Get more Success with your Personal Branded Website4 lectures • 17min

Requirements

Description

Who this course is for: