Starting soon

Off+Brand's sizzle reel video

Introducing the agency

Off+Brand's website

How they got the gig

Pitching to Webflow

Exploring concepts with Figma prototypes

Using WebGL, OGL, GSAP, and Vanilla JS

Concepting depth layers for WebGL

Creating components for rapid prototyping

Designing for performance in Webflow

Using pure GSAP and CSS

Considerations using Spline

Key takeaways and learnings from the project

Community resources for WebGL and GSAP

Tips for capturing large clients

Conclusion

What is a homepage?

Can you use a video instead of an image in the background?

Difference between homepage and about page

How to anchor your expertise

How to anchor a video on your homepage

Blog posts

Starter Templates

Sub-Headlines

Social links

The perfect homepage blueprint

Introduction

Install Homepage

How I’m using Homepage

Configure Homepage

Configure Service Integrations

Monitoring ping, web, and docker

Perfect Homepage Design Explained

What I'll Be Using In This Video

Adaptive Design Library

Setup

1 - The Hero

2 - The Hook

3 - USP (Unique Selling Proposition)

4 - Services / Features

5 - Social Proof

6 - FAQ

7 - Call To Action Banner

Bonus Conversion Tips

Introduction

Main Presentation

How to Create a Stunning Homepage from Scratch

Creating the Homepage

Add a Background Image

Adding a Content Container

Anchoring the Text

Testimonial Section

Grid Section

Styling the Blog Post Element

Adding an Opt-in Form

Conclusion

Intro by Mordy Oberstein & Crystal Carter

Presentation by Mordy Oberstein

Presentation by Crystal Carter

Q&A with Crystal Carter and Mordy Oberstein

Thank you & more resources

Beginning

Introduction

Thank you to my Patrons at Patreon and my Subscribers at YouTube

Installation of Homepage

Testing our New Install in the Browser

Configuration of Homepage

Checking our Confguration Updates

Configuration Bookmarks

Blurbs with hover effects

Adding Line Height

Override Global Presets

Box Shadow

Creating Image, Text, and Button Area

Testimonial Slider

Final Slider Settings

Adding Spacing

Client Logos

Animating the header

The New Homepage

Sticky

Position Sticky

Site Scroll

Flex Box

Animate

Footer

Navbars

Sliders

Can We Optimize Our Web Flow Sites for Apple Watch

Intro

What is a Homepage?

HTTP vs. HTTPS

How to create a homepage on CodeHS

How to access the sandbox

HTML Template

Adding CSS to HTML

Advanced features of the homepage

Embedding a project

Customizing embedded HTML

Introduction

What Is a Homepage Hero Section

What to Expect from a Bad Hero Section

What to Expect from a Good Hero Section

1) Clear Value Proposition

2) Use Compelling Visuals

3) Avoid Clutter

4) Clear & Prominent Call to Action

5) Address Common Objections (Social Proof)

Add a Section

Hero Web Part

Promoted Links

Quick Links Web Part

Link to an Internal Site

News

Events

Color Code Your Sections

Cloud Design Boxes and Web Parts

Spacer Web Part

Introduction

Mian Presentation

Demo

Intro

My process

UI Kits

Styling the right hand side

Call to Action

Creating a listing

Changing colors across the design file

Changing text color and size

Footer navigation

Conclusion

Landing Page Inspiration

Adding Custom Font

Creating a Page Section

Adding a Border Radius

Add a Title

Copying a Column Layout

Adjusting the Column Margins

Adding a Lightbox

Adding Sections to Your Homepage

Your Homepage is Ready