Designed and built the website for Kompis, an audio reference plugin for music producers. The site is a custom single-page layout built with HTML, CSS, and JavaScript, no framework dependencies.
Key technical highlights
Scroll-driven narrative
implemented a sticky-image storytelling section using GSAP ScrollTrigger, where a product image morphs through multiple visual states highlighting the plugins functionality.
Animated intro sequence
created a loader with a spinning element using a + symbol, wihch is part of the logo. On page load it flies and snaps into the hero title.
Flying logo transition
the hero title then smoothly scales and repositions into the navbar logo as the user scrolls past it,
Other functions
Light/dark theme with OS preference detection
Responsive mobile navigation with animated hamburger drawer
Affiliate link support with URL parameter parsing to dynamically append affiliate IDs to purchase links
Tech-Stack
- HTML5, CSS3
- vanilla JavaScript
- GSAP / ScrollTrigger