Zaprojektować sekcję z strony
Zadanie: Sekcja "A clear path to YouTube mastery"
Co jest potrzebne
Stworzyć sekcję "A clear path to YouTube mastery" 1 do 1 z strony https://www.snowball.agency/ — ze wszystkimi animacjami przy przewijaniu.
Technologie
HTML / SCSS / JS (GSAP + ScrollTrigger)
Responsywność
Desktop, tablet, mobile — poprawne wyświetlanie na wszystkich urządzeniach.
Materiały
Tylko link do strony. Wszystko inne (SVG, czcionki, struktura) — odtwarzane samodzielnie z oryginału.
Termin
1–2 dni.
Ważne
- Animacja linii i kart związana z przewijaniem jak w oryginale
- Odpowiadaj tylko jeśli jesteś pewny, że sobie poradzisz. Z materiałów — tylko link do strony, żadnych dodatkowych SVG ani makiet nie będzie. Miałem już doświadczenie z wykonawczynią (Marjana Matwienko), która nie poradziła sobie z pracą, a na końcu otworzyła arbitraż i oskarżyła zleceniodawcę o to, że "nie dostarczył SVG". Dlatego mówię od razu: kto nie potrafi samodzielnie inspekcjonować strony i odtwarzać według referencji — nie odpowiadajcie, nie marnujcie ani mojego czasu, ani swojego.
-
Cześć, pracowałem nad interaktywnym landing page'em dla firmy IT z animacjami na GSAP + ScrollTrigger - stworzyłem 15+ sekcji z powiązaniem do scrolla i osiągnąłem 98% pixel perfect zgodności z makietą.
Ciekawe, czy planowana jest integracja tej sekcji w istniejącą stronę, czy to będzie osobna strona?
Proponuję się skontaktować, chętnie bezpłatnie doradzę z technicznej strony i opracujemy plan rozwoju + opowiem o moim zespole! ✨
-
3264 52 0 Dzień dobry, Wład.\nPisz, zrobię\nDokładnie przeczytałem SVG, wezmę z strony\n................................................................
-
1362 3 0 Witam. Sekcja z linią czasową i kartami, które są powiązane z przewijaniem przez ScrollTrigger - robiłem coś podobnego dla kursowego lądowania, odtworzyłem wszystko z inspekcji referencji, animacja GSAP działała piksel w piksel. Rozumiem twoje doświadczenie z poprzednią wykonawczynią, więc od razu: inspekcja, wyciąganie wzorów SVG linii i odtwarzanie easing - to standardowa praca, nie potrzebuję gotowych materiałów. Pytanie: czy potrzebne jest wsparcie dla redukcji ruchu dla użytkowników z prefers-reduced-motion, czy kopiujemy oryginał tak jak jest?