Mat Voyce: GSAP Site of the Year Nominee

Some news I'm genuinely proud of: Mat Voyce has been nominated for GSAP Site of the Year by GreenSock. It's a motion-led portfolio my team and I built with GSAP, Next.js and Strapi, and being recognised by GSAP's own community specifically for the animation is about the most fitting honour a kinetic-typography site could get. This is the short version of the story — if you want the full build breakdown, I wrote that up separately in the Mat Voyce case study.

What "GSAP Site of the Year" actually is

Throughout the year, GreenSock — the team behind GSAP, the JavaScript animation library that powers a huge share of award-winning sites — curates a showcase of standout work and highlights a Site of the Week. At year's end, the best of those are gathered up and the community gets to rally behind their favourites for Site of the Year.

Here's why a GSAP nomination carries a different weight than a general design award. Platforms like Awwwards judge the whole package — UI, UX, creativity, content, the lot. A GSAP nomination is narrower and, for this project, more meaningful: it's the people who write animation code for a living pointing at a site and saying the motion engineering is best-in-class. You don't get shortlisted here for a pretty layout. You get shortlisted because the timelines, the easing, the performance under heavy motion — the craft that's invisible when it's done right — held up to an audience that knows exactly how hard it is.

For a portfolio whose entire subject is motion, that's the site doing precisely its job.

Why Mat Voyce earned the nod

Mat is one of the UK's best kinetic typography artists — type-in-motion work for the likes of the Financial Times, Pepsi, UEFA and Nike. The brief was recursive and unforgiving: build a portfolio for someone whose entire craft is animation, without the site itself looking flat by comparison. Every headline had to feel thrown into place, every section transition had to read as deliberate, and none of it could stutter.

We did that with GSAP as a motion system — a shared language of eases, a consistent duration scale, and ScrollTrigger driving section reveals so the rhythm stays coherent from the hero to the footer — rather than a pile of one-off animations. Next.js kept pages static-fast, Strapi let Mat publish new projects himself without a deploy, and ruthless transform/opacity discipline kept the whole thing GPU-composited at 60fps even under dense type animation. I won't re-tell the whole build here; the Mat Voyce case study has the code, the gotchas and the performance trade-offs. If you just want the motion mechanics behind the scroll work, the GSAP ScrollTrigger tutorial covers pinning, scrub and parallax in detail.

The site had already taken Awwwards Site of the Day; the GSAP Site of the Year nomination is the recognition that maps most directly to what the project was actually about.

See it live (and vote, if voting's open)

The best way to judge any motion work is to feel it, so:

• Open it on a real device: matvoyce.tv. Scroll slowly, watch how the type lands and how the commercial selector swaps showreels.
• If GSAP Site of the Year voting is still open, you can support it through the GreenSock showcase at gsap.com. And if you're reading this after voting has closed — no worries, the site speaks for itself regardless of the result.

No pressure either way. If it makes you want to look closer at how the motion is engineered, that's already a win.

Thank you — and what's next

A nomination like this is never one person. Huge thanks to GreenSock for building the tools the entire creative-web industry leans on and for celebrating the work that pushes them; to studio Uncommon and designer Huy Phan who shaped Mat Voyce alongside me; to Mat for trusting us with a brief most sites would flatten; and to everyone who's shared, voted, or just sent a kind word. It means a lot.

I build for moments exactly like this — where the animation isn't decoration but the entire point. Onward to more creative and experimental web experiences. If you've got one in mind, I'd love to hear it.

• Browse more shipped, awarded work in the projects archive.
• Want a motion-led site judged best-in-class on craft? Let's work together →

FAQ

What is GSAP Site of the Year?

It's GreenSock's year-end recognition of the best sites built with GSAP, drawn from the work they feature in their showcase across the year. Because it comes from the GSAP community, it specifically celebrates animation and motion engineering rather than design alone.

What is the Mat Voyce site built with?

Next.js on the front end, GSAP for the entire motion system, and Strapi as the headless CMS so the artist can publish new work himself — with targeted WebGL/canvas for the heavier transitions. The full breakdown is in the Mat Voyce case study.

Where can I see the Mat Voyce website?

Live at matvoyce.tv — best experienced by scrolling through it on a real device to feel the kinetic typography and showreel transitions.

---

Written by Hon Tran — creative developer, founder of hontran.dev, and Awwwards jury member. 11+ years building award-winning, performance-first web experiences (GSAP, WebGL, Next.js) for clients worldwide. The first Vietnamese developer to win an international web award. hontran.dev · Behance.