Building a business website

In this course, we'll build a full website from scratch for a practical business: a law firm. In space.

Building a business website

In this course, we'll build a full website from scratch for a practical business: a law firm. In space.

6
 Video Lessons
Intermediate - Advanced
1hr 25min

About this course

This course covers everything from start to finish as we build a full website for a space law firm. This includes layout, CMS, Collection Pages, Collection Lists, organization/SEO, and a bonus interactions example affecting rotational parallax.

Requirements

  • Free (or paid) Webflow account — sign up
  • Chrome or Safari browser
  • A passionate interest in space-related businesses

Course outline

BUILDING A FULL BUSINESS WEBSITE

Coming soon!

New

Part 1: Layout

Coming soon!

New

35:56

Part 2: CMS

Coming soon!

New

7:30

Part 3: Collection Pages

Coming soon!

New

17:05

Part 4: Collection Lists

Coming soon!

New

12:18

Part 5: Organization

Coming soon!

New

4:17

Part 6: Interactions & Conclusion

Coming soon!

New

8:22

6
 Video Lessons
Intermediate - Advanced
1hr 25min

Requirements

  • Free (or paid) Webflow account — sign up
  • Chrome or Safari browser
  • A passionate interest in space-related businesses

Get started

35:56
35:56
Business Website Part 1

This lesson starts from square zero and progresses through layout and styling for a homepage and contact page.

7:30
7:30
Business Website Part 2

For our business website, we'll cover setting up CMS Collections, including item creation and CSV import.

17:05
17:05
Business Website Part 3

Collection Pages are automatically generated for each CMS Collection. We'll go through the steps of designing each Collection Page.

Lottie inspirations

Business Website Part 4

Collection Lists can reference dynamic content from any CMS Collection. We'll cover using Collection Lists to link us to Collection Pages.

Tutorial:
Business Website Part 4
Download assets
Open in Webflow

Business Website Part 5

This lesson includes the step-by-step process for linking together pages in our project, as well as setting up SEO titles and meta descriptions.

Tutorial:
Business Website Part 5
Download assets
Open in Webflow

Business Website Part 6

We'll create a rotational parallax effect based on our pointer position by using a div block to position multiple elements at varying levels of depth.

Tutorial:
Business Website Part 6
Download assets
Open in Webflow

Get started

35:56
35:56
Business Website Part 1

This lesson starts from square zero and progresses through layout and styling for a homepage and contact page.

7:30
7:30
Business Website Part 2

For our business website, we'll cover setting up CMS Collections, including item creation and CSV import.

17:05
17:05
Business Website Part 3

Collection Pages are automatically generated for each CMS Collection. We'll go through the steps of designing each Collection Page.

Lottie inspirations

Business Website Part 4

Collection Lists can reference dynamic content from any CMS Collection. We'll cover using Collection Lists to link us to Collection Pages.

Tutorial:
Business Website Part 4
Download assets
Open in Webflow

Business Website Part 5

This lesson includes the step-by-step process for linking together pages in our project, as well as setting up SEO titles and meta descriptions.

Tutorial:
Business Website Part 5
Download assets
Open in Webflow

Business Website Part 6

We'll create a rotational parallax effect based on our pointer position by using a div block to position multiple elements at varying levels of depth.

Tutorial:
Business Website Part 6
Download assets
Open in Webflow