Context
Before the Project Became a Brief.
Zack already had the performances, footage, and career milestones. What he lacked was a digital narrative that could communicate his value to scouts and sponsors before they moved on to the next profile.
Problem
What Was Really Getting in the Way.
Professional football is fast, aggressive, and dynamic—but Zack's previous portfolio was a static resume that failed to capture his on-field persona. He needed a digital presence that would impress scouts, sponsors, and fans alike.
The technical challenge was to deliver cinema-quality highlight reels and high-resolution imagery without causing buffering or slow layout shifts (CLS), which would kill the "premium" feel. The site needed to act as a pitch deck that explains his career trajectory in seconds.
The big move
The breakthrough was treating the site as a paced story rather than an online résumé. Statistics, match footage, and career moments became chapters that reveal the athlete through movement.
Build
How the Idea Became a Working System.
We treated the website as a motion picture. Using GSAP (GreenSock Animation Platform) and Next.js, we created a scroll-hijacking experience where user input drives the narrative. As you scroll, Zack's stats (goals, assists, speed) explode onto the screen using physics-based animations.
We utilized a custom video player with adaptive bitrates to serve 4K highlights smoothly on any connection. The design language uses bold, monumental typography and kinetic layout shifts to mirror the movement of a football match, ensuring every pixel screams "performance".
Lead with evidence
Career statistics and highlights were surfaced early so decision-makers could understand performance within seconds.
Stream media intelligently
Adaptive video delivery preserved cinematic quality while protecting speed and layout stability.
Match motion to the subject
Kinetic typography and scroll transitions echoed the rhythm of football without overwhelming the content.
Impact
What Changed After Launch.
The site became a viral sensation in the sports management community. It played a pivotal role in Zack securing a major sponsorship deal with Nike, as the brand team was impressed by the "digital maturity" of his personal brand.
Profile views increased by 800% in launch week, and the site maintained a perfect 100 Performance score on Lighthouse despite the heavy media elements.
2
Sponsorships
98
Perf Score
A personal brand becomes credible when presentation and proof reinforce one another. The motion created attention; the evidence made that attention valuable.
What the project reinforced