Tyler Song Design

This portfolio is conceived as an exploration of digital space and tactile interaction, moving away from the rigid constraints of traditional grid-based galleries. Instead of a static presentation, the landing page acts as a kinetic canvas.

The interface relies on user agency—images and videos are spawned through interaction, populating the viewport dynamically. Each element is fully draggable with built-in physics and elasticity, turning the act of viewing a portfolio into a playful, spatial exercise where content responds to being pushed, pulled, and organised by the user.

Set against a brutalist, high-contrast interface and typeset in GT Flexa, the design deliberately strips back visual noise to prioritise the work itself.

Designed and developed from the ground up, the site’s structural framework is built on Next.js and Tailwind CSS. The fluid physics and spatial constraints are driven by Framer Motion, while the backend is powered by a headless Sanity CMS, ensuring high-fidelity architectural imagery and video are seamlessly optimised and delivered.

tylersong.design