Summary

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.

Use this version to clone the completed project
Blank pages without hitting page limits
Enroll for free

Lessons in this course

Getting clients

Coming soon

The Freelancer's Journey introduction
3:03
Coming soon

Introduction to getting clients
4:36
Coming soon

Client proposal research
23:14
Coming soon

Sending a proposal
11:18
Coming soon

Meeting a potential client
19:38
Coming soon

Pricing your work
15:45
Coming soon

The scope of work
9:31
Coming soon

Developing a content strategy

Coming soon

Content-driven design
14:15
Coming soon

User stories & information architecture
9:56
Coming soon

Content strategy
10:34
Coming soon

Design principles

Coming soon

Introduction to web design principles
1:26
Coming soon

Visual hierarchy
6:56
Coming soon

Repetition
4:31
Coming soon

Grid systems & alignment
6:18
Coming soon

Space
3:48
Coming soon

Typography
9:08
Coming soon

Site build

Coming soon

Introduction
4:55
Coming soon

Homepage: grid-based hero section
9:48
Coming soon

Homepage: navigation
4:40
Coming soon

Homepage: testimonials
19:05
Coming soon

Homepage: footer
9:31
Coming soon

Homepage: responsiveness
22:57
Coming soon

Portfolio page
16:23
Coming soon

Portfolio page: responsiveness
6:48
Coming soon

Portfolio page: client detail page
17:39
Coming soon

Portfolio page: client detail page responsiveness
8:12
Coming soon

Process page
15:11
Coming soon

Process page: responsiveness
7:22
Coming soon

Team page
14:06
Coming soon

Team page: responsiveness
10:53
Coming soon

Team page: team member detail page
17:40
Coming soon

Team page: team member detail page responsiveness
9:09
Coming soon

Contact page
11:45
Coming soon

Contact page: responsiveness
4:14
Coming soon

Contact page: reCAPTCHA setup
2:41
Coming soon

Homepage revisited: secondary sections
17:38
Coming soon

Site launch

Coming soon

Pre-flight site review
16:53
Coming soon

Connecting a custom domain
4:12
Coming soon

Publishing the website
0:19
Coming soon

Preparing the CMS Editor
3:10
Coming soon

Portfolio

Coming soon

Portfolio overview
4:19
Coming soon

Showcasing your site
2:04
Coming soon

Closing thoughts
1:58
Coming soon

Freelance web design boot camp

43
Lessons
Getting clients

Getting clients

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon
Developing a content strategy

Developing a content strategy

Coming soon

Coming soon

Coming soon

Coming soon
Design principles

Design principles

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon
Site build

Site build

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon
Site launch

Site launch

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon
Portfolio

Portfolio

Coming soon

Coming soon

Coming soon

Coming soon
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!

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.

Download assets
Clone this project
Transcript
Learn more

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.

Download assets
Clone this project
Transcript
Learn more

Introduction to getting clients

In this lesson, we'll cover trust and authority, then do a brief overview of both inbound and outbound marketing.

Download assets
Clone this project
Transcript
Learn more

Client proposal research

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

Download assets
Clone this project
Transcript
Learn more

Sending a proposal

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

Download assets
Clone this project
Transcript
Learn more

Meeting a potential client

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

Download assets
Clone this project
Transcript
Learn more

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.

Download assets
Clone this project
Transcript
Learn more

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.

Download assets
Clone this project
Transcript
Learn more

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.

Download assets
Clone this project
Transcript
Learn more

Content-driven design

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

Download assets
Clone this project
Transcript
Learn more

User stories & information architecture

We'll develop an information architecture that will inform the content strategy we develop for a client.

Develop an information architecture that informs your content strategy.

Download assets
Clone this project
Transcript
Learn more

Content strategy

We'll develop a content strategy for each part of the client site: the homepage, portfolio, process, team, and contact pages.

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

Download assets
Clone this project
Transcript
Learn more

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

Download assets
Clone this project
Transcript
Learn more

Introduction to web design principles

We'll provide an overview of the web design principles that will be covered in this section of the course.

Download assets
Clone this project
Transcript
Learn more

Visual hierarchy

We'll cover visual hierarchy and explain how to set up a hierarchy that adds clarity and emphasis to the right parts of your design.

Download assets
Clone this project
Transcript
Learn more

Repetition

We'll cover repetition and explain how to use repetition to achieve consistency in your designs.

Download assets
Clone this project
Transcript
Learn more

Grid systems & alignment

We'll cover alignment, knolling, when grids are useful — and when they’re not.

Download assets
Clone this project
Transcript
Learn more

Space

We'll cover space: the visual blanks between elements in our design and how to use space to achieve legible, clean designs.

Download assets
Clone this project
Transcript
Learn more

Typography

We'll cover display typefaces, super families, typeface versus font, and wrap up with some typography best practices.

Download assets
Clone this project
Transcript
Learn more

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

Download assets
Clone this project
Transcript
Learn more

Introduction

We'll provide an introduction to the site build section of the course.

Download assets
Clone this project
Transcript
Learn more

Homepage: grid-based hero section

Build a layout powered by CSS grid. This lesson covers building and stying the grid section, image block, content block, and body tag.

Download assets
Clone this project
Transcript
Learn more

Homepage: navigation

Configure a site navigation bar that links to each major page and stays fixed to the top of the browser's viewport.

Download assets
Clone this project
Transcript
Learn more

Homepage: testimonials

To emphasize both trust and authority for Hayes Valley Interior Design, we'll integrate CMS-driven testimonials on the homepage.

Download assets
Clone this project
Transcript
Learn more

Homepage: footer

Build a grid-based footer section which houses the company logo, navigation links, and business information.

Download assets
Clone this project
Transcript
Learn more

Homepage: responsiveness

Test and adapt responsiveness and fluidity for the homepage layout on desktop, tablet, mobile landscape, and mobile portrait.

Download assets
Clone this project
Transcript
Learn more

Portfolio page

Build a portfolio page that spotlights the value your client has to offer their potential clients.

Download assets
Clone this project
Transcript
Learn more

Portfolio page: responsiveness

Configure the portfolio page so that it is responsive across device and screen sizes.

Download assets
Clone this project
Transcript
Learn more

Portfolio page: client detail page

We'll design a client detail page from scratch based on our CMS...and we'll watch as 8 more client detail pages generate automatically.

Download assets
Clone this project
Transcript
Learn more

Portfolio page: client detail page responsiveness

We'll take our client detail page and optimize it for desktop, tablet, mobile landscape, and mobile portrait.

Download assets
Clone this project
Transcript
Learn more

Process page

In this lesson, we'll break down each of the four steps clients go through when they work with Hayes Valley Interior Design.

Download assets
Clone this project
Transcript
Learn more

Process page: responsiveness

The process page will be tested and optimized on desktop, tablet, mobile landscape, and mobile portrait.

Download assets
Clone this project
Transcript
Learn more

Team page

The team behind Hayes Valley won't just get headshots; they'll get automatically-generated, CMS-driven links to their bio pages.

Download assets
Clone this project
Transcript
Learn more

Team page: responsiveness

We'll take everything we designed in the team page and make it work across all device types.

Download assets
Clone this project
Transcript
Learn more

Team page: team member detail page

We'll build a full bio page for each and every team member at Hayes Valley Interior Design.

Download assets
Clone this project
Transcript
Learn more

Team page: team member detail page responsiveness

We'll take each team member's bio page and test and adapt it for desktop, tablet, mobile landscape, and mobile portrait.

Download assets
Clone this project
Transcript
Learn more

Contact page

We'll make a full contact page that has a contact form and additional contact information for Hayes valley Interior Design.

Download assets
Clone this project
Transcript
Learn more

Contact page: responsiveness

We'll make the contact form and the additional contact information work across all kinds of devices.

Download assets
Clone this project
Transcript
Learn more

Contact page: reCAPTCHA setup

reCAPTCHA is more than a word. It's validation for humans using forms.

Download assets
Clone this project
Transcript
Learn more

Homepage revisited: secondary sections

We'll revisit the homepage, adding sections that link to Hayes Valley Interior Design's process and team member pages.

Download assets
Clone this project
Transcript
Learn more

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

Download assets
Clone this project
Transcript
Learn more

Pre-flight site review

We'll do a review of each page on the Hayes Valley site before we send a link to the staging domain to Rebecca.

Download assets
Clone this project
Transcript
Learn more

Connecting a custom domain

We'll connect a custom domain for Hayes Valley Interior Design using Google Domains.

Download assets
Clone this project
Transcript
Learn more

Publishing the website

In this in-depth video, we'll cover publishing the completed website to the custom domain.

Download assets
Clone this project
Transcript
Learn more

Preparing the CMS Editor

We'll set up the CMS Editor so the team at Hayes Valley Interior Design can go in, make changes, and publish their own site.

Download assets
Clone this project
Transcript
Learn more

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.

Download assets
Clone this project
Transcript
Learn more

Portfolio overview

In this video, we'll cover some of the best ways to present your work without having to build an intricate portfolio.

Download assets
Clone this project
Transcript
Learn more

Showcasing your site

We'll showcase our site for Hayes Valley Interior Design on the Webflow Showcase.

Download assets
Clone this project
Transcript
Learn more

Closing thoughts

This isn't the end of the journey. Everything we've built enhances our ability to move forward and grow our freelancing business.

Download assets
Clone this project
Transcript
Learn more

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
Download course assets

Directed by

McGuire Brannon

Director of Education

Produced by

Stacy Han

Video Producer

Written by

McGuire Brannon

Director of Education

https://twitter.com/mcguirebrannon

Mariah Driver

Head of Diversity, Equity, and Inclusion

https://twitter.com/Mariah__Driver

Article by

-

Edited by

Stacy Han

Video Producer

Grímur Grimsson

Video Producer

Designs by

McGuire Brannon

Director of Education

Related courses

Be the first to get the newest lessons

We release 2 new lessons every week, always first on Webflow University.

Sign up to learn more about Webflow University releases, including lesson and course launches, certifications, sneak peaks, and Grímur's top secret tips for reversing time.

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