Сверстать секцию с сайта
ТЗ: Секция "Ясный путь к мастерству на YouTube"
Что нужно
Сверстать секцию "Ясный путь к мастерству на YouTube" 1 в 1 с сайта https://www.snowball.agency/ — со всеми анимациями при скролле.
Стек
HTML / SCSS / JS (GSAP + ScrollTrigger)
Адаптивность
Desktop, tablet, mobile — корректное отображение на всех устройствах.
Материалы
Только ссылка на сайт. Все остальное (SVG, шрифты, структура) — воспроизводится самостоятельно с оригинала.
Срок
1–2 дня.
Важно
- Анимация линии и карточек привязана к скроллу как на оригинале
- Отзывайтесь только если уверены, что справитесь. Из материалов — только ссылка на сайт, никаких дополнительных SVG или макетов не будет. Уже был опыт с исполнительницей (Марьяна Матвиенко), которая не справилась с работой, а в конце открыла арбитраж и обвинила заказчика в том, что "не предоставил SVG". Поэтому говорю сразу: кто не умеет самостоятельно инспектировать сайт и воспроизводить по референсу — не откликайтесь, не тратьте ни мой, ни свой время.
-
Привет, я работал над интерактивным лендингом для IT-компании с анимациями на GSAP + ScrollTrigger - создал 15+ секций с привязкой к скроллу и достиг 98% pixel perfect соответствия макету.
Интересно, планируется ли интеграция этой секции в существующий сайт, или это будет отдельная страница?
Предлагаю связаться, я бесплатно проконсультирую вас с технической стороны и составим план разработки + расскажу о моей команде! ✨
-
3264 52 0 Доброго дня, Влад.
Пишите, сделаю
Внимательно прочитал SVG, возьму с сайта
................................................................
-
1362 3 0 Здравствуйте. Секция с таймлайном-линией и карточками, привязанными к скроллу через ScrollTrigger - делал подобное для курсового лендинга, восстановил все из инспектора референса, GSAP анимация работала пиксель-в-пиксель. Понимаю ваш опыт с предыдущей исполнительницей, поэтому сразу: инспектировать, вытягивать SVG-шаблоны линии и воспроизводить easing - привычная работа, не нуждаюсь в готовых материалах. Вопрос: нужна ли поддержка уменьшения движения для пользователей с prefers-reduced-motion, или копируем оригинал как есть?