Teach on Udemy

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

Learn More

Your cart is empty.

Keep shopping

Build A Lead-Generating Portfolio Website in Webflow

Name: Build A Lead-Generating Portfolio Website in Webflow
Rating: 4.5 (83 reviews)

This course will show you how to build an amazing looking portfolio website step-by-step, even if you have no experience

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

Last updated 10/2025

English

What you'll learn

The best way to build an portfolio Website that helps you generate new high-paying clients
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 win high-paying clients
Learn how to build an objective driven website which works as the best sales person for your business every day 24/7, 365

Course content

8 sections • 78 lectures • 6h 36m 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 get Free Website Templates & Webflow Support3:33
The difference between a $500 vs $10,000 Website5:26
Examples of Lead Generation Websites9:00
Creating a Seamless Website User Experience6:06
Building a Website that can Promote Brand Growth10:34
The 5-Second Rule *Do not miss lesson*5:08

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.
Website visitor psychology2:00
In this lesson, we dive deep into the psychological aspect of building a converting professional portfolio website.
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 professional portfolio website.
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.
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.
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 build a perfect homepage1:44
In this lesson, we are going to explore the structure every effective landing page should follow.

Alignment & Grids2:48
Visual Hierarchy2:33
Fonts & Typography5:01
Creating Website Colour Palettes4:49
Using Your Website Colours Properly2:49
Button Hierarchy Design3:04
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
White Space3:37

Webflow Packages11:51
Webflow vs Other Website Building Platforms7:46
Breakpoints in Webflow6:05
Introduction to Box Model2:21
Sections3:21
Containers2:37
Div Blocks8:12
Grids6:29
Link Blocks8:22
Buttons10:13
Typography7:05
Images2:58
Videos4:41
Lottie Animations3:29
Forms11:41
Navigation Bars4:38
Symbols2:00
Lightboxes6:48
Sliders10:29
Tabs8:07
Adding Social Media Buttons7:08
Classes4:44
Backgrounds4:16
Display Settings & Responsiveness9:15
Image Optimisation & Lazy load2:43
Positioning5:16
Hero Sections3:54
CMS & Dynamic Content5:28

Selecting a template which suits you1:20
In this lesson, we choose a free template for you to use when building a website for your portfolio.
Building up a portfolio website structure6:20
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 structure.4:41
In this lesson, we start working with our template and add all the necessary elements.
Changing images9:15
Now that we’ve got our structure ready to go, we start to change the images there.
Editing text, buttons and colours7:24
In this lesson, we change all the text, work with colours and fonts on your portfolio’s website.
Adding projects to your portfolio website6:25
In this lesson, you are going to learn how to upload your projects and connect them.
Adding favicon and custom domain6:08
In this lesson, we will add a favicon to your website and connect it to your domain.
Checking for responsiveness2:22
In this lesson, we make sure our portfolio is responsive on all devices.

Requirements

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

Description

Imagine a portfolio website that attracted high-paying clients like a magnet.

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 as many freelancers be seen as credible and trustworthy.

We want clients to know you are professional and you can provide the value they need from the second they land on your portfolio.

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 action from your website traffic.

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

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

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

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

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

Your portfolio should not just show your work.

It needs to inspire clients to get in touch with you!

The exact same formula I'm going to teach you in this course is the same approach I took to building my portfolio website, which helps me generate over $150,000's worth of business every year consistently.

So simply follow the steps and by the end of this course, you'll have a world-class portfolio website (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 portfolio website so they look credible and trustworthy to high-paying clients
Someone wanting to attract highly-profitable clients and charge a premium for their services.
Someone who wants to save thousands and make a great looking lead generation website for free
Someone who wants a step-by-step guide to building an amazing portfolio website from scratch, with no previous knowledge of coding or web design

Build A Lead-Generating Portfolio Website in Webflow

What you'll learn

Explore related topics

Course content

An Introduction to Strategic Website Design8 lectures • 46min

What Makes An Amazing Website7 lectures • 30min

Strategic Website Design Mini-Bootcamp13 lectures • 45min

Results-Driven Strategic Website Design7 lectures • 30min

Webflow Essentials Crash Course28 lectures • 2hr 52min

Lead Generation Website Build8 lectures • 44min

Launching Your Website Design3 lectures • 14min

How To Get More Leads After Launching4 lectures • 17min

Requirements

Description

Who this course is for: