Breaking down Webflow's Homepage Design with Off+Brand

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:
www.itsoffbrand.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

[@timothyricks]

So inspiring! Incredible work and process, guys

[@emilylonetto3482]

Ok... but a round of applause for that opening sizzle reel 🔥

[@ale_sannazzaro]

Amazing work!! Good to see Josh part of the Webflow team 🤩 Ross would love to see the code base for the animation, learning more about WebGL and gsap is definitely on my list!

[@don_sant]

This is SO incredible, I've always wanted to see behind the scenes of the Webflow homepage. And it truly is inspiring to reach this level.

[@Webflow]

Glad you enjoyed it! Would you like to see more design BTS of other Webflow websites?

[@David-qg3oc]

@@Webflow I'm a sucker for workflows, design presentations and overall BTS content. Please more of it! ❤
Definitely going to try out some of the prototype animations in Figma

[@RobHope]

Super interesting getting to peak inside the process - thank you!

[@Webflow]

Glad you enjoyed it Rob!

[@peter.dimitrov]

Amazing to see the process behind the work, great job!

[@AurelienSchibli]

Oh Josh made it to Webflow. Nice :)

[@Webflow]

Great to see you Aurelien!

[@Web-Designer19]

Your content is pretty usefully

[@Webflow]

Thanks for watching!

[@marketerux]

very inspiring!

[@BoffinNZ]

Stu, Ross and Stu Ross thats cool lol

[@otterguyty]

Love it.

[@byjavlon]

So good🤩🤩🤩!

[@felipedeamaral]

Became a fan of Off+Brand's work after this. At 25:50 mark, the transcript didn't catch the name of the community member they referenced. Did anybody catch the proper name?

[@terrymota1006]

This is such a coincidence. At my company, we were just discussing the WF website and how inspiring it is.

[@Webflow]

Thanks buddy. Can't wait to see you build in Webflow 😉 You're an amazing designer

[@helwingvillamizar5064]

Smart

[@AlanDeepARG]

They are at such a high level that I see this video as if I were listening to it in chinese, I mean...I don't understand anything.

[@tjk_9000]

wait what. stu and ross, and then stu ross? even they seem confused by this

[@TheFMrecords]

same thought, never heard about the name stu before. and then 2 at the same time

[@olliemcmillan]

was so good meeting you guys at WebflowConf 2023 🙌

[@shableep]

Was the Webflow home page made in Webflow at all? They said the rest of the page is regular old html, css, js. Did they mean Webflow?

[@akorenblit5]

Yes it’s built in webflow except for that animation section, they show the designer at 20:35 !

[@georgy.design]

This was awesome! Really inspiring story, to say the least - I love the new Webflow homepage!
Would like to get my hands on the code for the GSAP “objects order” thing, it wasn’t shared during the stream, sadly.

[@buster6304]

Wow❤❤ guys I want your help to build my website please help me