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 Service Based Website In Webflow

Name: Build A Lead-Generating Service Based Website In Webflow
Rating: 4.5 (46 reviews)

This course will show you how to build an amazing looking agency 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

English [Auto],

What you'll learn

The best way to build an Agency 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 • 79 lectures • 7h 30m 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
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.
The difference between a $500 vs $10,000 Website5:26
Compare $500 and $10,000 websites by showing how strategic structure, copy, and user flow boost conversions and reduce mental fatigue, delivering higher profits and faster results.
How to build a perfect homepage1:44
In this lesson, we are going to explore the structure every effective landing page should follow.
Examples of World-class Service-Focused Brand Websites9:00
Explore world-class service-focused brand websites that showcase work, build trust, and clarify services. Learn from Pentagram, Clementine House, and Shopify examples to craft a transparent, lead-generating Webflow site.
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).
Creating a Seamless Website User Experience6:06
Create a seamless website user experience by understanding UI and UX, applying consistent design and clear navigation, and using templates built on core UI and UX best practices.
Building a Website that can Promote Brand Growth10:34
Find your website's purpose1:28
In this lesson, we explore the purposes a website might have and learn to establish the purpose that your website would serve.
Website visitor psychology2:00
In this lesson, we dive deep into the psychological aspect of building a converting digital agency website.
The 5-Second Rule *Do not miss lesson*5:08
Capture visitors in five seconds by clearly showing what you do, why to choose you, and key benefits to build trust and drive conversions.

Alignment & Grids2:48
Visual Hierarchy2:33
Fonts & Typography5:01
Creating Website Colour Palettes4:49
Using Your Website Colours Properly2:49
Apply your color palette consistently across all elements—text, buttons, borders, logo, and background—using the primary color as dominant and the accent to guide clicks.
Button Hierarchy Design3:04
The Importance of Great Imagery4:54
Use high-quality imagery that reflects your brand perception, targets your audience, and remains consistent to create a harmonious, improved user experience.
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

Defining your Websites Strategic Objectives6:00
Service-Focused Best Website Structure Inspiration5:45
Learn a service-focused website structure to build trust and convert visitors, highlighting am I in the right place, can I trust you, and tell me more about you, with examples.
Finding Inspiration for your Website4:01
Deciding what pages you need to meet objectives4:22
Creating the Structure of each Website Page Strategically3:08
Structure each page around questions—am I in the right place, can I trust you, tell me more—to guide user experience and results; sketch sections on paper before building in Webflow.
Why use a Website Template & Where Can You Find Them?3:31
More Inspiring Service-Focused Brand Website Examples3:21

Webflow Packages11:51
Webflow vs Other Website Building Platforms7:46
Compare major builders—WordPress, Squarespace, Wix, Shopify—and see why Webflow offers design freedom, easy maintenance, responsive layouts, and stronger SEO for lead-generating sites.
Breakpoints in Webflow6:05
Introduction to Box Model2:21
Sections3:21
Learn to build a lead-generating website in Webflow by using sections, containers, and div blocks, adjust padding and color, and replicate exact section styles by copying and pasting color code.
Containers2:37
Div Blocks8:12
Grids6:29
Build a grid in Webflow by adding a grid section, using a padded container, and duplicating blocks. Use a columns effect to create a two-column layout for varied images.
Link Blocks8:22
Learn to use link blocks as secondary buttons, styling hover effects and spacing to distinguish key calls to action, navigate pages, and trigger email or phone links.
Buttons10:13
Typography7:05
Images2:58
Learn how to add and replace images in Webflow, manage image sizing across devices, and use responsive controls to tailor visuals per device.
Videos4:41
Lottie Animations3:29
Forms11:41
Build a functional Webflow form using a form block, labels, inputs, and a submit button. Connect it to an email provider like Mailchimp and tailor success and error messages.
Navigation Bars4:38
Symbols2:00
Learn how to use symbols in Webflow to repeat elements across your site. Update one symbol to reflect changes everywhere, saving time on nav bars, footers, forms, and reviews.
Lightboxes6:48
Sliders10:29
Tabs8:07
Use tabs to organize content on your Webflow site, showcasing portfolios, services, and pricing options such as one-time payments and finance options with tab panes and div blocks.
Adding Social Media Buttons7:08
Classes4:44
Backgrounds4:16
Display Settings & Responsiveness9:15
Image Optimisation & Lazy load2:43
Prioritize hero and logo images with eager load to speed up the homepage, using lazy load and auto settings to balance load order and deliver a fast user experience.
Positioning5:16
Hero Sections3:54
CMS & Dynamic Content5:28

Selecting a template which suits you1:28
In this lesson, we choose a free template for you to use when building your agency’s website.
Building up your website's structure4:17
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 structure12:06
In this lesson, we start working with our template and delete all the unnecessary elements.
Changing colours and images6:58
Now that we’ve got our structure ready to go, we start to change it to suit your digital agency colour scheme.
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 digital agency’s website.
Editing your website interface8:49
In this lesson, we dive deep into editing. You will learn how to change icons, edit navigation bars, and link up your Calendly and other social media.
Adding favicon and custom domain4:00
In this lesson, we will add a favicon to your website and connect it to your domain.
Adding the final touches4:23
In this lesson, you will learn how to add your work to the website.

Installing Hotjar to Gather Valuable Data to Improve your Website5:09
Creating a Marketing Strategy to Drive Website Traffic4:46
Develop a marketing strategy to drive relevant traffic to your website, using a four-step funnel—awareness, consideration, conversion, and retention—to turn visitors into customers and maximize customer lifetime value.
Refining your Website to Optimise for Conversion4:12
How to know when your Website is Perfect?2:53

Requirements

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

Description

Imagine a 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 homepage.

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.

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

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 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.

The exact same formula I'm going to teach you in this course is the same approach I took to building my Agency's 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 website (worth thousands) which can help you generate leads for your agency and charge higher prices.

I'll see inside the course :)

Scott

Who this course is for:

Someone wanting a high quality website so they look like a credible agency to high-paying clients
Someone wanting to attract highly-profitable clients and charge a premium for their service, as they look so trustworthy and credible
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 website from scratch, with no previous knowledge of coding or web design

Build A Lead-Generating Service Based Website In Webflow

What you'll learn

Explore related topics

Course content

An Introduction to Strategic Branded Website Design13 lectures • 54min

Strategic Website Design Mini-Bootcamp13 lectures • 45min

Results-Driven Strategic Website Design7 lectures • 30min

Webflow Essentials Crash Course28 lectures • 2hr 52min

Building Your Lead Generation Website for a Service Business3 lectures • 1hr 11min

Bonus In-Depth Lessons - Building Another Lead Generation Website8 lectures • 48min

Launching your Website3 lectures • 14min

How to Get More Leads After Website Launch4 lectures • 17min

Requirements

Description

Who this course is for: