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
Пікірлер: 32
So inspiring! Incredible work and process, guys
Ok... but a round of applause for that opening sizzle reel 🔥
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!
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
4 ай бұрын
Glad you enjoyed it! Would you like to see more design BTS of other Webflow websites?
@David-qg3oc
4 ай бұрын
@@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
Amazing to see the process behind the work, great job!
Super interesting getting to peak inside the process - thank you!
@Webflow
4 ай бұрын
Glad you enjoyed it Rob!
Oh Josh made it to Webflow. Nice :)
@Webflow
4 ай бұрын
Great to see you Aurelien!
Your content is pretty usefully
@Webflow
4 ай бұрын
Thanks for watching!
Stu, Ross and Stu Ross thats cool lol
very inspiring!
Love it.
So good🤩🤩🤩!
This is such a coincidence. At my company, we were just discussing the WF website and how inspiring it is.
@Webflow
4 ай бұрын
Thanks buddy. Can't wait to see you build in Webflow 😉 You're an amazing designer
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?
@salok1508
2 ай бұрын
Timothy ricks, and the second one I didn't get it
25:50 He's recommanding who ? Tim ricks and yuyia van hack ?? Can someone spell the second one please ? 🙏🙏
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.
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.
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
4 ай бұрын
Yes it’s built in webflow except for that animation section, they show the designer at 20:35 !
was so good meeting you guys at WebflowConf 2023 🙌
Smart
wait what. stu and ross, and then stu ross? even they seem confused by this
@TheFMrecords
4 ай бұрын
same thought, never heard about the name stu before. and then 2 at the same time
Wow❤❤ guys I want your help to build my website please help me