University
Home
Dashboard
Try Webflow — it's free
Learn
Courses
Docs
Interactive Learning
Glossary
Certifications
Engage
Support
Community
Events
Forum
Accessibility
Switch to Light mode
Switch to Dark mode
High contrast
All courses
Freelance web design boot camp
Login with your Webflow account to track your progress

Freelance web design boot camp

The Freelancer’s Journey is a free, comprehensive course to help you build a successful, fulfilling freelance career in web design.

This course covers every step of a typical freelancing journey. Learn how to land high-paying clients, create standout proposals, price your work, and communicate with clients to establish trust and authority. Learn valuable content strategy skills, design principles, and how to design, build, and launch a professional custom client website. The Freelancer’s Journey offers the support, guidance, and resources you need to build a fulfilling and successful freelance career.

Table of contents

1

Getting clients

1

The Freelancer's Journey introduction
3:03

1

Introduction to getting clients
4:36

1

Client proposal research
23:14

1

Sending a proposal
11:18

1

Meeting a potential client
19:38

1

Pricing your work
15:45

1

The scope of work
9:31

2

Developing a content strategy

2

Content-driven design
14:15

2

User stories & information architecture
9:56

2

Content strategy
10:34

3

Design principles

3

Introduction to web design principles
1:26

3

Visual hierarchy
6:56

3

Repetition
4:31

3

Grid systems & alignment
6:18

3

Space
3:48

3

Typography
9:08

4

Site build

4

Introduction
4:55

4

Recent updates to the Webflow Designer
01:58

4

Homepage: grid-based hero section
9:48

4

Homepage: navigation
4:40

4

Homepage: testimonials
19:05

4

Homepage: footer
9:31

4

Homepage: responsiveness
22:57

4

Portfolio page
16:23

4

Portfolio page: responsiveness
6:48

4

Portfolio page: client detail page
17:39

4

Portfolio page: client detail page responsiveness
8:12

4

Process page
15:11

4

Process page: responsiveness
7:22

4

Team page
14:06

4

Team page: responsiveness
10:53

4

Team page: team member detail page
17:40

4

Team page: team member detail page responsiveness
9:09

4

Contact page
11:45

4

Contact page: responsiveness
4:14

4

Contact page: reCAPTCHA setup
2:41

4

Homepage revisited: secondary sections
17:38

5

Site launch

5

Pre-flight site review
16:53

5

Connecting a custom domain
4:12

5

Publishing the website
0:19

5

Preparing the CMS Editor
3:10

6

Portfolio

6

Portfolio overview
4:19

6

Showcasing your site
2:04

6

Closing thoughts
1:58

Continue learning

Webflow 101

Introducing Webflow 101, the ultimate course to learn the fundamentals of web design and development.

Landing page generator for Ryan Reynolds

Learn how to build a dynamic landing page generator in under 30 minutes.

Moving your business online

A free course on how to take your business online. Serve more clients and generate more revenue in this new environment.

Client's guide to the Editor

This is the Client's guide to the Webflow Editor. Share these lessons to get your clients up and running.

Figma to Webflow

Learn the entire design process from idea to final output as we take you through Figma, Cinema 4D and Octane, and Webflow.

21-day design portfolio course

Build and visually design a full portfolio website within the span of 21 days.

Web animations with After Effects & Lottie

Create animations in Adobe After Effects — the industry standard for motion graphics. Embed and animate them in your Webflow site.

Ultimate web design course

From the fundamentals to advanced topics — learn how to build sites in Webflow and become the designer you always wanted to be.

CSS grid in Webflow

An overview of CSS grid. Use the grid layout in Webflow to get more control over your designs and create powerful, responsive layouts — faster.

Webflow Ecommerce

Learn how to build and design your Webflow Ecommerce store. Customize every detail and launch a fully functional online store — without writing code.

Web elements

A comprehensive look at the building blocks and elements Webflow puts at your fingertips — start designing websites visually, with confidence.

SEO fundamentals

An overview of search engine optimization (SEO) fundamentals and best practices — learn how to optimize your content from the start.

CSS layout & positioning

Dig into the world of HTML and CSS layouts — learn how they work together and get an overview of display properties like inline block and flexbox.

Full site build

Learn how to design and develop a CMS-driven website built around the needs of your client and their audience — and execute a successful launch.

CMS & dynamic content

Learn how to use Webflow CMS to build completely custom websites powered by dynamic content, and define your content's structure and style.

CSS styling

Take a closer look at all the creative styling possibilities that CSS offers. Learn how to style elements visually, with the power of Webflow.

Interactions & animations course

Learn how to animate multiple elements managed on a single timeline — bring your designs to life with rich, sequenced interactions and animations.

Accessibility on the web

Learn about accessibility on the web and how to create inclusive and accessible sites without writing code.