Story: Advanced interactive website

I discovered Webflow in 2019 and have been using it occasionally. I enjoy website development on Webflow, but most clients prefer WordPress and Wix. They generally don’t request heavily interactive websites, and I haven’t encountered any pushback.

I created a prototype for a client and mentioned some interactions on Figma. However, the programmer did not understand sticky interaction. In response, I developed sticky interaction on Webflow. While researching on YouTube, I found that Timothy Ricks was using GSAP for scroll interaction. It is possible that he does not use JS, I assume. However, it is nice to utilize the full Webflow potential with JS. I wrote the JS blog a while ago. In this blog, I would like to focus on GSAP.

🌎 How to Create a Website by Webflow Vol.11 – Java Script(JS)

What is GSAP?

Open Bookmarks Co. Blog Webflow JS

🌎 GSAP

GSAP is an industry-standard JavaScript animation library from GreenSock that lets you craft high-performance animations that work in every major browser.

Getting Started with GSAP 3

©GreenSockLearning

This is a good start for GSAP.

Learn GSAP In 23 Minutes

©Web Dev Simplified

I can follow what he is doing. I learned basic HTML and CSS in 2010. Nowadays, I don’t have a chance to write code for client projects. We have a visual builder, but understanding the basic structure of code is essential for a web designer. I don’t think I spend time writing code, even with ChatGPT. I will hire someone if I need to.

Animate Like a Pro: Comparing GSAP and Motion One

©Sekei Design

Nice interaction, especially the text-revealing interaction. Screen transitions can be implemented in Webflow with a small amount of coding.

GSAP & ScrollTrigger Crash Course for Webflow

©Timothy Ricks

Master of JS. Webflow developer who knows code is strong, but I am continuing as a no-code Webflow developer right now. I have to learn a lot about sales and marketing.

GSAP 3.0 Crash Course – JavaScript Animation Library

©DesignCourse

Master JavaScript Animations With GSAP | Learn GSAP From Scratch |

©HuXn WebDev

Conclusion: Curiosity, desire and timing

I think many Webflow users, like myself, avoid JS and PHP. I attempted to learn coding through Lynda.com, but I dropped out—not just once. It’s genuinely uninteresting to me.

That being said, I purchased a JS and PHP course on Udemy.com a while ago. I have a curiosity as well as a desire to overcome my weakness. I believe the time will come in the future, just not now.

As I mentioned at the beginning, I was developing a sticky interaction this afternoon. I feel good when I achieve what I expected. Advanced interaction website development is enjoyable. If you offer a specific niche, you can focus on skill improvement. I do not offer that. I specialize in creating SEO-friendly websites that effectively serve the client’s business. Your design skill does not always equate to your business success. Please find your strengths as well as the niche people look for.

Reference:

flowbase: Webflow assets & guides
Webflow University: What do you want to learn today?
Forbes: Webflow Integrates Code-Free E-Commerce Tools Into Its Web Design Suite
Digital.com: Webflow Review – What makes this website builder so different?

Share This Story!

Let’s Study Together

Tell Me About Your Thought

I am learning the business of design as a freelance. I would like to hear your story based on an experience. Please send a comment or opinion. I will reply to you shortly.

LET’S TALK