The Freelancer’s Journey - Homepage: grid-based hero section Tutorial

The Freelancer's Journey

The Freelancer's Journey introduction

New

Getting clients

Introduction to getting clients

New

Client proposal research

Sending a proposal

Meeting a potential client

Pricing your work

The scope of work

Developing a content strategy

Design principles

Introduction to web design principles

New

Visual hierarchy

Repetition

Grid systems & alignment

Space

Typography

Site build

Introduction

Homepage: grid-based hero section

New

Homepage: navigation

Homepage: testimonials

Homepage: footer

Homepage: responsiveness

Portfolio page

Portfolio page: responsiveness

New

Portfolio page: client detail page

New

Portfolio page: client detail page responsiveness

New

Process page

Process page: responsiveness

Team page

Team page: responsiveness

Team page: team member detail page

New

Team page: team member detail page responsiveness

New

Contact page

Contact page: responsiveness

Contact page: reCAPTCHA setup

Homepage revisited: secondary sections

New

Site launch

Pre-flight site review

Connecting a custom domain

Publishing the website

Preparing the CMS Editor

Portfolio

Portfolio overview

Showcasing your site

Closing thoughts

1:58

new course

CSS grid landing page tutorial (36min)

Lesson info

Explore this project

Want to dig into the project featured in this video and see how everything is put together? We've included the full project we used when making this lesson, and we've shared it in the link right under this very paragraph.

View and clone this project Download lesson assets

Transcript

Thanks for the feedback!
This will help us improve our content.

If you still need help or guidance:

Contact the support team Reach out to our community

Something went wrong while submitting the form. Please contact support@webflow.com

Have feedback related to the feature itself?

Submit feature feedback

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form

Homepage: grid-based hero section

The Freelancer's Journey

The Freelancer's Journey

The Freelancer's Journey

The Freelancer's Journey introduction

The Freelancer's Journey introduction

The Freelancer's Journey introduction

3:03

Getting clients

Getting clients

Getting clients

Introduction to getting clients

Introduction to getting clients

Introduction to getting clients

4:36

Client proposal research

Client proposal research

Client proposal research

23:14

Sending a proposal

Sending a proposal

Sending a proposal

11:18

Meeting a potential client

Meeting a potential client

Meeting a potential client

19:38

Pricing your work

Pricing your work

Pricing your work

15:45

The scope of work

The scope of work

The scope of work

9:31

Developing a content strategy

Developing a content strategy

Developing a content strategy

Introduction to content-driven design

Introduction to content-driven design

Introduction to content-driven design

14:15

User stories & information architecture

User stories & information architecture

User stories & information architecture

9:56

Building a content strategy for a client

Building a content strategy for a client

Building a content strategy for a client

10:34

Design principles

Design principles

Design principles

Introduction to web design principles

Introduction to web design principles

Introduction to web design principles

1:26

Visual hierarchy

Visual hierarchy

Visual hierarchy

6:56

Repetition

Repetition

Repetition

4:31

Grid systems & alignment

Grid systems & alignment

Grid systems & alignment

6:18

Space

Space

Space

3:48

Typography

Typography

Typography

9:08

Site build

Site build

Site build