2021 design portfolio course

Start off the year with a 21-day portfolio challenge

Beginner — Advanced

Start off the year with a 21-day portfolio challenge

Build and visually design a full portfolio website within the span of 21 days. Covering everything from the basics of grid and flexbox to advanced interactions and accessibility work, this course takes us through each and every step of building and launching a site in Webflow.

We’re kicking off 2021 with a 21-day course that follows the full build of a design portfolio website.

Yes, this course is from the future.

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

Our goal is simple: we want to empower designers and agencies from all disciplines (UX, brand, product, graphic, fashion, industrial, and short track speed skating) to build a CMS-driven portfolio that starts off 2021 with something that will generate leads — and potentially tear a hole in the very fabric of space and time.

We included everything we learned about content strategy, information architecture, and quantum mechanics to create a course unlike any other course in the past, present, or future. That’s because this course was developed in December of 2021, and brought back in time using proprietary Webflow technology.


Lessons in this course

Intro
Coming soon
Introduction
3:51
Coming soon
Homepage
Homepage
Coming soon
Homepage: hero section
7:55
Coming soon
Homepage: navigation
7:21
Coming soon
Homepage: client projects
17:08
Coming soon
Homepage: contact form
8:39
Coming soon
Homepage: footer
7:08
Coming soon

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

Summary

Build and visually design a full portfolio website within the span of 21 days. Covering everything from the basics of grid and flexbox to advanced interactions and accessibility work, this course takes us through each and every step of building and launching a site in Webflow.

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

Course outline

Intro
Coming soon
Introduction
3:51
Coming soon
Homepage
Homepage
Coming soon
Homepage: hero section
7:55
Coming soon
Homepage: navigation
7:21
Coming soon
Homepage: client projects
17:08
Coming soon
Homepage: contact form
8:39
Coming soon
Homepage: footer
7:08
Coming soon

Related courses

2021 design portfolio course

5
Lessons
Intro
Intro
Coming soon
Coming soon
Homepage
Homepage
Coming soon
Coming soon
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!
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!
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!
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!

Introduction

Kick off your 2021 with a 21-day course that follows the full build of a design portfolio website. Start from a blank canvas to a completely responsive, CMS-driven portfolio that will generate leads — and potentially tear a hole in the very fabric of space and time.

Transcript
Download assets
Clone this project
Read the full article

Homepage: hero section

Configure and style your navigation bar. Convert it to a Symbol to reuse it and keep it consistent throughout your project.

Transcript
Download assets
Clone this project
Read the full article

Homepage: navigation

Configure and style your navigation bar. Convert it to a Symbol to reuse it and keep it consistent throughout your project.

Transcript
Download assets
Clone this project
Read the full article

Homepage: client projects

Display your CMS items on your homepage in a beautiful and consistent layout using magic (which we also brought back from the future).

Transcript
Download assets
Clone this project
Read the full article

Homepage: contact form

Create an engaging call-to-action and generate leads with a contact form front and center on your portfolio's homepage.

Transcript
Download assets
Clone this project
Read the full article

Homepage: footer

Design a footer to wrap up your homepage's content and act as a second navigation — this footer will be used for every page on your portfolio for consistency.

Transcript
Download assets
Clone this project
Read the full article

Requirements

Our goal is simple: we want to empower designers and agencies from all disciplines (UX, brand, product, graphic, fashion, industrial, and short track speed skating) to build a CMS-driven portfolio that starts off 2021 with something that will generate leads — and potentially tear a hole in the very fabric of space and time.

We included everything we learned about content strategy, information architecture, and quantum mechanics to create a course unlike any other course in the past, present, or future. That’s because this course was developed in December of 2021, and brought back in time using proprietary Webflow technology.


Clone this project
Use this version to clone the completed project
Clone this project
Blank pages without hitting page limits

Directed by

-

Produced by

-

Written by

-

Article by

-

Edited by

-

Designs by

-

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.