7 Invisible Obstacles to Digital Marketing Success
7 Invisible Obstacles to Digital Marketing Success
5 Steps to Creating Successful Ads

Bring your website to life with Webflow interactions and GSAP animations [Video]

Categories
Website Design

Bring your website to life with Webflow interactions and GSAP animations

If you’re a designer, you’ve likely heard your clients asking you to “Make it pop”. In today’s stream we have acclaimed web designer, Carter Ogunsola, join us to answer that question and demonstrate how to bring our websites to life.

We’ll discuss ways to make your content stand out by applying layout fundamentals within a minimalistic aesthetic. Additionally, we’ll explore how to bring static content to life with Webflow interactions and introduce you to next level animations with GSAP.

If you’re eager to elevate your skills and craft websites that truly stand out, this episode is for you.

Download the cloneable and more resources:
https://wfl.io/making-it-pop

0:00 Starting soon
2:59 Making it pop
4:27 Intro – Carter Ogunsola
5:15 Carter’s websites
8:00 Saul Rhand Website
8:50 Part 1 – Layout fundamentals
13:47 Part 2 – Webflow Interactions
18:20 Interaction Tip: Hover out duplication
21:45 GSAP text line animation
23:00 Installing GSAP
26:04 Scroll trigger start
28:00 Stagger effect
30:18 Q&A – Where does the code go?
32:52 Q&A – GSAP script vs js code
33:35 Q&A – Community Resources for GSAP
35:44 Final Words from Carter
36:55 End Credits

How Desire Paths can Transform your Branding and Public Relations
How Desire Paths can Transform your Branding and Public Relations
12 Steps to Create Videos