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.

We’re transitioning to a new UI, and are in the process of updating our Webflow University courses and videos.

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

Coming soon

1

The Freelancer's Journey introduction

The Freelancer's Journey introduction

Coming soon

1

Introduction to getting clients

Introduction to getting clients

Coming soon

1

Client proposal research

Client proposal research

Coming soon

1

Sending a proposal

Sending a proposal

Coming soon

1

Meeting a potential client

Meeting a potential client

Coming soon

1

Pricing your work

Pricing your work

Coming soon

1

The scope of work

The scope of work

Coming soon

2

Developing a content strategy

Coming soon

2

Content-driven design

Content-driven design

Coming soon

2

User stories & information architecture

User stories & information architecture

Coming soon

2

Content strategy

Content strategy

Coming soon

3

Design principles

Coming soon

3

Introduction to web design principles

Introduction to web design principles

Coming soon

3

Visual hierarchy

Visual hierarchy

Coming soon

3

Repetition

Coming soon

3

Grid systems & alignment

Grid systems & alignment

Coming soon

3

Space

Coming soon

3

Typography

Coming soon

4

Site build

Coming soon

4

Introduction

Coming soon

4

Recent updates to the Webflow Designer

Recent updates to the Webflow Designer

Coming soon

4

Homepage: grid-based hero section

Homepage: grid-based hero section

Coming soon

4

Homepage: navigation

Homepage: navigation

Coming soon

4

Homepage: testimonials

Homepage: testimonials

Coming soon

4

Homepage: footer

Homepage: footer

Coming soon

4

Homepage: responsiveness

Homepage: responsiveness

Coming soon

4

Portfolio page

Coming soon

4

Portfolio page: responsiveness

Portfolio page: responsiveness

Coming soon

4

Portfolio page: client detail page

Portfolio page: client detail page

Coming soon

4

Portfolio page: client detail page responsiveness

Portfolio page: client detail page responsiveness

Coming soon

4

Process page

Coming soon

4

Process page: responsiveness

Process page: responsiveness

Coming soon

4

Team page

Coming soon

4

Team page: responsiveness

Team page: responsiveness

Coming soon

4

Team page: team member detail page

Team page: team member detail page

Coming soon

4

Team page: team member detail page responsiveness

Team page: team member detail page responsiveness

Coming soon

4

Contact page

Coming soon

4

Contact page: responsiveness

Contact page: responsiveness

Coming soon

4

Contact page: reCAPTCHA setup

Contact page: reCAPTCHA setup

Coming soon

4

Homepage revisited: secondary sections

Homepage revisited: secondary sections

Coming soon

5

Site launch

Coming soon

5

Pre-flight site review

Pre-flight site review

Coming soon

5

Connecting a custom domain

Connecting a custom domain

Coming soon

5

Publishing the website

Publishing the website

Coming soon

5

Preparing the CMS Editor

Preparing the CMS Editor

Coming soon

6

Portfolio

Coming soon

6

Portfolio overview

Portfolio overview

Coming soon

6

Showcasing your site

Showcasing your site

Coming soon

6

Closing thoughts

Closing thoughts

Coming soon

Progress

0%

Details

Beginner

6h 59m

44

Lessons

Assets & links

Assessment

Test your knowledge

Continue learning

Landing page generator for Ryan Reynolds

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

21-day design portfolio course

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

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.

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.

Welcome to Webflow

Discover what Webflow offers, how it works behind-the-scenes, and tips and tricks for starting your learning journey.

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.

Getting started with Webflow Enterprise

Get familiar with Webflow’s website experience platform and Enterprise features.

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.

Webflow 101

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

Manage dynamic content with the Webflow CMS

Learn how to create, manage, and display dynamic content across your site using the Webflow CMS.

Web elements

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

Accessibility on the web

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

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.

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.

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.

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.

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.

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.

Getting started with Webflow

Get familiar with Webflow’s website experience platform.

Localize your site in Webflow

Learn how to localize a site for different languages and regions. Translate text, customize and manage content, and optimize SEO settings, so your site reaches a wider audience.

Welcome to Optimize

Learn how to use Webflow Optimize to improve your site's conversion rate using testing, personalization, and the power of AI.