To layout a section from the website
Task: Section "A clear path to YouTube mastery"
What is needed
To create the section "A clear path to YouTube mastery" 1 to 1 from the site https://www.snowball.agency/ — with all animations on scroll.
Stack
HTML / SCSS / JS (GSAP + ScrollTrigger)
Responsiveness
Desktop, tablet, mobile — correct display on all devices.
Materials
Only a link to the site. Everything else (SVG, fonts, structure) — to be reproduced independently from the original.
Deadline
1–2 days.
Important
- The animation of the line and cards is tied to the scroll as in the original
- Respond only if you are sure you can handle it. The materials — only a link to the site, no additional SVGs or layouts will be provided. There has already been an experience with a performer (Maryana Matviyenko), who could not handle the work, and in the end opened arbitration and accused the client of "not providing SVGs". So I say right away: those who cannot independently inspect the site and reproduce based on the reference — do not respond, do not waste either my time or yours.
-
Hello, I worked on an interactive landing page for an IT company with animations using GSAP + ScrollTrigger - I created 15+ sections linked to scrolling and achieved 98% pixel perfect compliance with the design.
I’m curious if there are plans to integrate this section into the existing website, or will it be a separate page?
I suggest we get in touch; I will provide you with a free consultation on the technical side and we can outline a development plan + I will tell you about my team! ✨
-
3264 52 0 Good day, Vlad.
Write, I will do it.
I carefully read the SVG, I will take it from the site.
................................................................
-
1362 3 0 Hello. The section with the timeline and cards linked to scrolling via ScrollTrigger - I did something similar for a course landing page, restored everything from the reference inspection, GSAP animation worked pixel-for-pixel. I understand your experience with the previous contractor, so right away: inspecting, extracting SVG line patterns, and reproducing easing - this is standard work, I don't need ready-made materials. Question: is support for reducing motion needed for users with prefers-reduced-motion, or do we copy the original as is?