grandenapoli
GrandeNapoli is one of the main Napoli football media outlets. This landing was made to push promotions and events, used as the destination for banners on the site and for Instagram stories.
Problem
A promo page has one job: grab attention immediately and convert. It had to feel energetic and on brand for a football audience, and work as the landing both for site banners and for stories.
Role & scope
Solo, design and build. From the visual direction to a pure code landing with a full GSAP animation layer.
Key decisions
Motion as the hook
Since the page is a promo destination, motion carries the attention. The hero is a custom looping animation built entirely with GSAP MorphSVG, and the icons animate on scroll through the sections.
Built to live where the audience is
Energetic, bold and on brand for football fans, designed to feel at home next to reels and inside an Instagram story, not like a generic web page.
Show the momentum, do not just state it
Animated numbers and charts and an iPhone mockup playing GrandeNapoli's reels make the reach tangible, with a closing video right by the form.
Craft
Pure code with a full GSAP layer. Custom SVG icons animated with MorphSVG, including a hero loop built entirely from morphs. ScrollTrigger animates the icons through the sections, the stats and charts count up, an iPhone mockup plays the reels, and a closing video sits beside the form.
Outcome
A bold, motion led promo landing, ready to be the destination for site banners and Instagram stories.