AirPods 4 Product Showcase
Web Development | Design
An interactive, Apple-inspired 3D product landing page for AirPods 4 that
focuses on immersive visual storytelling and premium user experience. The
site opens with a full-screen WebGL scene featuring a high-quality 3D model of the
AirPods, rendered with realistic lighting, reflections, and smooth animations. Users can
interact directly with the product through subtle pointer and scroll interactions,
allowing the AirPods to rotate, shift, and respond naturally, closely mimicking the
feel of an official Apple product showcase.
As the user scrolls, the experience transitions into a series of clean, minimal
sections that combine motion, typography, and 3D visuals to highlight key features
such as active noise cancellation, spatial audio, battery life, and water resistance.
Scroll-driven animations guide the narrative, with the product remaining central
while text and visual cues fade, slide, or parallax into view. The overall design
emphasizes clarity, elegance, and performance, using modern WebGL rendering and smooth
interactions to explore how high-end consumer products can be presented on the web
in a cinematic and engaging way.
G.SKILL-RAM
Website Mockups | UX/UI
A product design mockup showcasing a single G.SKILL RAM module in 3D. Features a realistic 3D model integrated into a clean, minimal web layout to highlight the product's design. Built with HTML, CSS, and JavaScript using the Three.js library, focusing on visual presentation, clean aesthetics, & responsive display.
GPYOU
Web Application | Gemini API
A comprehensive academic planning platform designed for University of Guelph students. Features an intuitive course scheduler, degree progress tracker, and personalized recommendations. Awarded Best UI at GDSC Hacks 2025 for its clean interface and exceptional user experience.
Portfolio Website
Web Development | Design
A modern, responsive portfolio website featuring custom animations and a sleek glassmorphism design. Built with vanilla HTML, CSS, and JavaScript, showcasing clean code practices and attention to visual detail. Optimized for all devices and browsers.
KKC Classroom Platform
Frontend Development | UI Redesign
Led the complete platform redesign for an educational technology company. Created responsive prototypes in Figma and implemented the design using Next.js and TailwindCSS. Improved usability, modernized the visual identity, and enhanced the overall user experience across web and mobile platforms.
National Proms Campaign
Video Production | Brand Design
Produced 50+ promotional videos and campaign content for a national event series. Created cohesive branding through custom logo animations, title sequences, and social media graphics. Delivered high-quality multimedia content on tight deadlines while maintaining consistent visual identity across all platforms.