Breaking down Webflow’s Homepage Design with Off+Brand [Video]

Dive into the creative depths with Josh Loh, Webflow’s Newest Livestream Host, for a detailed walkthrough of Webflow’s homepage redesign by Off+Brand. In this session, we’ll explore the creative process and strategic thinking that led to the homepage refresh.

Discover how Off+Brand, a boutique agency, managed to get noticed by a major company such as Webflow, and gain practical tips on how your agency can stand out. Whether you’re looking to attract big clients or refine your design approach, this stream is packed with valuable insights to make your mark as a Webflow powerhouse.

Learn more about Off+Brand:
https://www.itsoffbrand.com/
https://twitter.com/itsoffbrand

0:00 Starting soon
1:27 Off+Brand’s sizzle reel video
2:30 Introducing the agency
5:03 Off+Brand’s website
8:45 How they got the gig
9:40 Pitching to Webflow
11:00 Exploring concepts with Figma prototypes
15:35 Using WebGL, OGL, GSAP, and Vanilla JS
16:55 Concepting depth layers for WebGL
19:00 – Creating components for rapid prototyping
19:40 – Designing for performance in Webflow
21:00 – Using pure GSAP and CSS
22:28 – Considerations using Spline
24:33 – Key takeaways and learnings from the project
25:26 – Community resources for WebGL and GSAP
26:40 – Tips for capturing large clients
27:25 – Conclusion