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

New

Part 3: Collection Pages

New

17:05

Part 4: Collection Lists

New

12:18

Part 5: Organization

New

4:17

Part 6: Interactions & Conclusion

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 showcase

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.

Learn how to build this
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.

Learn how to build this
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.

Learn how to build this
Download assets
Open in Webflow