HELIX: interaktywny landing modułowych syntezatorów
Programowanie stron internetowych
Jednostronicowa strona internetowa do prezentacji rzemieślniczych modułów dźwiękowych i zbierania zgłoszeń na przedsprzedaż od projektantów dźwięku.
Główne zadanie: Demonstrowanie produktu z wysokim poziomem wizualnej interaktywności w celu przyciągnięcia uwagi i konwersji do listy oczekiwania.
Co zostało zrealizowane:
- Responsywna szata graficzna z wykorzystaniem CSS Grid, Flexbox oraz natywnych zmiennych CSS.
- Dynamiczna wizualizacja pracy oscyloskopu w czasie rzeczywistym za pomocą HTML5 Canvas.
- Złożone animacje scrollujące (poziome przewijanie sekcji, efekty parallax) zrealizowane za pomocą GSAP i ScrollTrigger.
- Płynne pojawianie się treści podczas przewijania strony na podstawie IntersectionObserver.
- Niestandardowe mobilne menu oraz zoptymalizowana płynna nawigacja po linkach kotwicznych.
- Formularz subskrypcji na listę oczekiwania z walidacją po stronie klienta.
Technologie: HTML5, CSS3, Vanilla JavaScript (ES6+), GSAP, ScrollTrigger, HTML5 Canvas
Główne zadanie: Demonstrowanie produktu z wysokim poziomem wizualnej interaktywności w celu przyciągnięcia uwagi i konwersji do listy oczekiwania.
Co zostało zrealizowane:
- Responsywna szata graficzna z wykorzystaniem CSS Grid, Flexbox oraz natywnych zmiennych CSS.
- Dynamiczna wizualizacja pracy oscyloskopu w czasie rzeczywistym za pomocą HTML5 Canvas.
- Złożone animacje scrollujące (poziome przewijanie sekcji, efekty parallax) zrealizowane za pomocą GSAP i ScrollTrigger.
- Płynne pojawianie się treści podczas przewijania strony na podstawie IntersectionObserver.
- Niestandardowe mobilne menu oraz zoptymalizowana płynna nawigacja po linkach kotwicznych.
- Formularz subskrypcji na listę oczekiwania z walidacją po stronie klienta.
Technologie: HTML5, CSS3, Vanilla JavaScript (ES6+), GSAP, ScrollTrigger, HTML5 Canvas