Mat Voyce

Mat Voyce required a digital platform capable of presenting distinct portfolios (Personal art, Commercial commissions and Collaborations) in a unified, high-performance experience across desktop, tablet and mobile. The challenge lay in scaling oversized animated typography beyond the viewport without lag, ensuring legibility on every screen and maintaining fluid 60 fps interactions despite heavy visuals. Uncommon Studio crafted an original navigation system to guide users through diverse content types and implemented cross-device performance optimisations (lazy-loading, code-splitting and GPU-accelerated text rendering) to deliver consistent responsiveness and uphold Mat's brand quality on all devices.

Uncommon Studio crafted three distinct layouts for Personal, Commercial and Collabs, each reflecting Mat's unique creative voice and serving a unique purpose for each type of project presented. The team embraced originality through bold kinetic typography that dances across the screen, playful cursor interactions that respond to user intent and fluid page transitions that guide exploration like chapters in a story. Micro-interactions and layered motion effects blend imagery and text into immersive vignettes. All this to deliver a dynamic portfolio that surprises and delights visitors on every device.

Since launch, Mat’s site has achieved a 45% increase in average session duration and a 30% reduction in bounce rate, driving higher client enquiries and collaboration offers. Performance optimisations ensure consistent interactions across devices. The site’s standout design and originality have garnered industry accolades: Australian Web Awards finalist, Webby Awards honouree, Awwwards Site of the Day, Typography Honours of the Month and Site of the Month nominee (January 2025), and FWA Site of the Day, and inspired a 25% growth in traffic.

– Three distinct layouts: personal, commercial and Collabs sections custom-built with responsive CSS grids and unique interaction models. – Kinetic typography: large-scale type animated via GSAP timelines and WebGL shaders, seamlessly scaling beyond viewport boundaries. – Custom cursors & interactions: dynamic cursor states and media controls deliver intuitive user feedback and playful navigation cues. – Smooth transitions: scroll-triggered animations and inertia-based easing ensure fluid movement throughout the site. – Performance optimisations: lazy loading, code-splitting and request batching maintain consistent 60 fps performance. – Modular component library: designed for future scalability and rapid content updates via headless CMS integration.