3D Interactive Web Experience for Starbucks Reserve

0

1

I designed and built an interactive, 3D conversion-focused web application for personal Starbucks project , showcasing their specialty Reserve coffee line and seasonal Frappuccino menu. The brand needed an owned digital experience that could bridge high-end editorial product storytelling with real-time 3D WebGL interaction, allowing customers to explore and customize drinks before ordering. The site is a fast, mobile-first single page with a luxury cream and forest green editorial look. Guests can inspect a 3D Frappuccino cup in real-time with 360° drag rotation, hover over menu items to reveal an interactive drink customizer (size, milk type, blend selectors), browse single-origin roast profiles, and place takeaway orders seamlessly within the brand experience. It also ships full 3D performance optimizations (60 FPS WebGL rendering with procedural fallbacks), scroll-driven micro-animations, and an ultra-smooth frosted glass navbar (backdrop-blur-2xl) that dynamically blurs on scroll. What I delivered: -Custom Next.js 14 web app (Hero, 3D Inspect Canvas, Featured Selections, Popular Beverages, Starbucks Reserve Banner, Store Locations, Subscription) -Real-time 3D WebGL coffee cup showcase with 360° drag controls (Three.js / React Three Fiber) -Interactive hover product customization cards (Size, Milk, Blend selectors + Add to Basket) -Custom typography, watermarked storytelling background, and luxury cream/green visual system -Responsive UI with Framer Motion & GSAP scroll polish -Frosted glass scroll-activated navigation bar with mobile overlay -Production-ready Next.js web application. I love starbucks , that's why I built this web for showcasing the my skills.That's it.

2

86

Cover image for Finally get to share this

Finally get to share this one — been sitting on it for a while and couldn't post until now 🎉 Designed and built the full digital experience & e-commerce platform for Mahalaxmi Jewellers, a heritage fine jewellery brand crafted since 1987. The idea: take nearly 4 decades of trusted artisanal craftsmanship and bring it into a modern, ultra-sleek digital atelier. Traditional jewellery e-commerce sites often fall into the same trap — cluttered layouts, generic product grids, slow loading times, and a complete lack of luxury feel. So instead of following the standard e-commerce template, I built a bespoke black-and-champagne aesthetic, focusing on immersive visuals, smooth motion, and instant performance. Some of what’s in there: — Full-screen video hero slider showcasing the 925 Sterling Silver Atelier & Bridal Heritage collections with smooth Framer Motion transitions — Immersive category cards & signature carousel with glassmorphic badges and real-time inventory filtering — Spotlight interactive showcase highlighting flagship heritage pieces like the handcrafted Gold-Plated Lakshmi Nakshi necklace — Seamless checkout pipeline powered by Razorpay, Supabase authentication, and Zustand state management for instant cart updates — Bespoke admin analytics suite built with Recharts so the brand owners can track real-time sales, order status, and inventory metrics — Trust & education modules including 925 Hallmark verification guides, ring size helpers, and care & repair breakdowns to give buyers 100% confidence Genuinely proud of how this one came together — every visual element, fluid transition, and interaction built from scratch for the brand.

3

107

Pagani Zonda R — Interactive Web Experience A high-fidelity, dark-themed web showcase built for the iconic Pagani Zonda R — one of the rarest track-only hypercars in the world, limited to just 15 units globally. The site features a cinematic hero section with the car in full profile against a moody studio backdrop, followed by a detailed technical specification dashboard presenting key metrics including the 6.0L AMG V12 engine, 750 HP, 710 Nm torque, 1070 kg dry weight, 2.7-second 0–100 km/h sprint, and 350+ km/h top speed. The design employs a premium black and gold/yellow color palette with bold typography, real-time status indicators (SYS, GPS, REV), and an acquisition inquiry form — capturing the exclusivity and engineering artistry of the Pagani brand. Tech aesthetic: Dark UI, futuristic HUD-style elements, responsive layout, high-resolution imagery.

0

65

Rohan Hiremathswami

Full-Stack Dev · High-performance web experiences.