Designing the home page

12 views
1 hour watched
6 completions

The lesson demonstrates how to build a website's homepage using Webflow, focusing on creating navigation, designing a hero section, and adding a feature section while utilizing a style guide for consistency.

Video thumbnail

Get full access

You need to subscribe to get full access to the video and lesson content.

Join 5.6K+ learners from companies like Shopify, Microsoft, Tiktok, AppSumo and Instacart.

$197
one-time payment

Building a Website with Webflow: Design and Layout

Creating the Homepage

Let's dive into building our website using the style guide we've established. We'll start with the homepage, focusing on essential elements like navigation, hero section, and feature highlights.

Adding Navigation

Begin by dragging and dropping the previously created navigation symbol into the top left of the page. This symbol-based approach allows for easy site-wide updates later on.

Designing the Hero Section

For the hero area, Webflow offers pre-built layouts to jumpstart your design:

  1. Choose a white background layout.
  2. Add a stock image to the hero section.
  3. Remove any unwanted...

Subscribe now to get full access to the lesson content.

Get started →