Freelance web design boot camp

Start off the year with a 21-day portfolio challenge

Beginner
6hr 4min

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.

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

Pause the background video
Webflow is free for students and educators
Learn more & apply

Summary

Course progress

Nice job, we did some time travel into the future and it is looking amazing!

0
%

Completed

0
of
43

Lessons done

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.

The challenge

Challenge
Day
Be a website hero
01
The ultimate navbar
02
Magical CMS layout
03
Formulate leads and science
04
Virtual shoes for your site
05
Hello, it's responsiveness
06
Show off your project pages
07
Project pages working everywhere, anywhere
08
The optimum contact page
09
Show us your contact page
10
Test your Open Graph settings
11
Shine a light
12
Bring your portfolio to life
13
Lost, but never forgotten
14
Password-protected
15
Practice accessibility
16
Share your design in progress
17
Ready, set, publish!
18
Portfolio verification
19
Update your CMS
20
Showcase your portfolio
21

Ready to get certified?

Test your web design and development knowledge learned in the Webflow 101 course. Challenge yourself with questions about the principles of the web, like the box model, HTML and CSS.

Go to Webflow 101 exam

The challenge

Challenge
#
Site Build: Hero
01
Site Build: Navigation
02
Site Build: Logos
03
Site Build: Cards
04
Site Build: Form
05
Site Build: Footer
06
Site Build: Responsiveness
07
Site Build: Publishing the site
08

Check out the new Figma to Webflow plugin

Ready to get certified?

Once you’ve completed the Webflow Expert Certification Course, you’re all set to take the next step in becoming a Webflow Expert. Please note: passing the Expert exam does not guarantee entry into the Webflow Expert program.

Go to Webflow Experts exams

Course outline

Getting clients
Developing a content strategy
Design principles
Site build
Site launch
Portfolio

Freelance web design boot camp

43
Lessons
Getting clients
Getting clients
Developing a content strategy
Developing a content strategy
Design principles
Design principles
Site build
Site build
Site launch
Site launch
Portfolio
Portfolio
No items found.

Learn how to start or grow your freelance career from the very beginning: getting clients, doing the work you want to do, and getting paid to do it.

The Freelancer's Journey introduction

Learn how to start or grow your freelance career from the very beginning: getting clients, doing the work you want to do, and getting paid to do it.

Introduction to getting clients

Transcript
Read the full article
Read the full article

Client proposal research

We'll analyze 5 potential clients, identify their specific needs, and make informed recommendations to include in our client proposal.

Transcript
Read the full article
Read the full article

Sending a proposal

We'll use the observations and recommendations from our client research to create a client proposal that communicates trust and authority.

Transcript
Read the full article
Read the full article

Meeting a potential client

We'll take the concepts we’ve covered so far and prepare for our first scheduled client meeting.

Transcript
Read the full article
Read the full article

Pricing your work

We'll cover everything you need to know confidently to price your services: valuing your work, pricing models, and saying "no" to free work.

Transcript
Read the full article
Read the full article

The scope of work

We'll create scope of work that defines the client needs and clearly defines the services we're offering to meet those needs.

Transcript
Read the full article
Read the full article

Learn about content-driven design and develop a content strategy that simplifies your design process and adds value for your clients — long after the build is done.

Content-driven design

An overview of content-first design, value propositions, visitor anticipation, and when to use an FAQ.

Transcript
Read the full article
Read the full article

User stories & information architecture

Develop an information architecture that informs your content strategy.

Transcript
Read the full article
Read the full article

Content strategy

Develop a content strategy for each part of your site: the homepage, portfolio, process, team, and contact pages.

Transcript
Read the full article
Read the full article

Learn the principles of great design and bring your web design career to the next level.

Introduction to web design principles

Transcript
Read the full article
Read the full article

Visual hierarchy

Transcript
Read the full article
Read the full article

Repetition

Transcript
Read the full article
Read the full article

Grid systems & alignment

Transcript
Read the full article
Read the full article

Space

Transcript
Read the full article
Read the full article

Typography

Transcript
Read the full article
Read the full article

Learn how to design and develop a full CMS-driven website for a client.

Homepage: navigation

Transcript
Read the full article
Read the full article

Homepage: testimonials

Transcript
Read the full article
Read the full article

Homepage: footer

Transcript
Read the full article
Read the full article

Homepage: responsiveness

Transcript
Read the full article
Read the full article

Portfolio page

Transcript
Read the full article
Read the full article

Portfolio page: responsiveness

Transcript
Read the full article
Read the full article

Portfolio page: client detail page

Transcript
Read the full article
Read the full article

Portfolio page: client detail page responsiveness

Transcript
Read the full article
Read the full article

Process page

Transcript
Read the full article
Read the full article

Process page: responsiveness

Transcript
Read the full article
Read the full article

Team page

Transcript
Read the full article
Read the full article

Team page: responsiveness

Transcript
Read the full article
Read the full article

Team page: team member detail page

Transcript
Read the full article
Read the full article

Team page: team member detail page responsiveness

Transcript
Read the full article
Read the full article

Contact page

Transcript
Read the full article
Read the full article

Contact page: responsiveness

Transcript
Read the full article
Read the full article

Contact page: reCAPTCHA setup

Transcript
Read the full article
Read the full article

Homepage revisited: secondary sections

Transcript
Read the full article
Read the full article

Learn how to prepare a client site and the CMS Editor so that your client is confident with the finished product.

Learn how to feature the work you’ve done in a portfolio that attracts the clients you want to work for — and reflects the work you want to do.

Portfolio overview

Transcript
Read the full article
Read the full article

Closing thoughts

Transcript
Read the full article
Read the full article

Requirements

  • Free (or paid) Webflow account — sign up
  • Chrome or Safari browser
Clone this project
Use this version to clone the completed project
Clone this project
Blank pages without hitting page limits
Go to Webflow 101 exam

Related courses

There's more coming

We're rolling out more lessons very shortly. Sign up to get early access to additional Webflow lessons and courses.

Shoot, something didn't work. Try again later, bud.