Introduction to content-driven design

The Freelancer's Journey

The Freelancer's Journey

New

The Freelancer's Journey introduction

The Freelancer's Journey introduction

New

3:03

Getting clients

Getting clients

New

Introduction to getting clients

Introduction to getting clients

New

4:36

Client proposal research

Client proposal research

New

23:14

Sending a proposal

Sending a proposal

New

11:18

Meeting a potential client

Meeting a potential client

New

19:38

Pricing your work

Pricing your work

New

15:45

The scope of work

The scope of work

New

9:31

Developing a content strategy

Developing a content strategy

New

Introduction to content-driven design

Introduction to content-driven design

New

14:15

User stories & information architecture

User stories & information architecture

New

9:56

Building a content strategy for a client

Building a content strategy for a client

New

10:34

Design principles

Design principles

New

Introduction to web design principles

Introduction to web design principles

New

1:26

Visual hierarchy

Visual hierarchy

New

6:56

Repetition

Repetition

New

4:31

Grid systems & alignment

Grid systems & alignment

New

6:18

Space

Space

New

3:48

Typography

Typography

New

9:08

Site build

Site build

New

Introduction

Introduction

New

4:55

Homepage: grid-based hero section

Homepage: grid-based hero section

New

9:48

Homepage: navigation

Homepage: navigation

New

4:40

Homepage: testimonials

Homepage: testimonials

New

19:05

Homepage: footer

Homepage: footer

New

9:31

Homepage: responsiveness

Homepage: responsiveness

New

22:57

Portfolio page

Portfolio page

New

16:23

Portfolio page: responsiveness

Portfolio page: responsiveness

New

6:48

Portfolio page: client detail page

Portfolio page: client detail page

New

17:39

Portfolio page: client detail page responsiveness

Portfolio page: client detail page responsiveness

New

8:12

Process page

Process page

New

15:11

Process page: responsiveness

Process page: responsiveness

New

7:22

Team page

Team page

New

14:06

Team page: responsiveness

Team page: responsiveness

New

10:53

Team page: team member detail page

Team page: team member detail page

New

17:40

Team page: team member detail page responsiveness

Team page: team member detail page responsiveness

New

9:09

Contact page

Contact page

New

11:45

Contact page: responsiveness

Contact page: responsiveness

New

4:14

Contact page: reCAPTCHA setup

Contact page: reCAPTCHA setup

New

2:41

Homepage revisited: secondary sections

Homepage revisited: secondary sections

New

17:38

Site launch

Site launch

New

Pre-flight site review

Pre-flight site review

New

16:53

Connecting a custom domain

Connecting a custom domain

New

4:12

Publishing the website

Publishing the website

New

0:19

Preparing the CMS Editor

Preparing the CMS Editor

New

3:10

Portfolio

Portfolio

New

Portfolio overview

Portfolio overview

New

4:19

Showcasing your site

Showcasing your site

New

2:04

Closing thoughts

Closing thoughts

New

1:58

new course
CSS grid landing page tutorial (36min)

Lesson info

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 the link right under this very paragraph.

View and clone this projectDownload lesson assets

Related tutorial

Clone this projectDownload project assets

Transcript