The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Premium E-commerce Store — High-end online shop with product catalog, dynamic filtering, cart system, and Stripe checkout. Headless CMS integration for content management. Built with Next.js, React, and headless CMS.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
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.
For me, the drink customizer is the strongest part. Once the 3D cup draws someone in, keeping size, milk, and blend choices in the same view gives them a clear next step.
Bento 01 — Capability Bento — AI2 Design
Four cards, none of them a screenshot.
Proof that good layouts don't always need product screens.
Rebuilding a native interaction like that parallax shift for the web is genuinely tricky to get feeling right, and baking in full keyboard nav plus screen reader support from the start rather than bolting it on after is rare. What was the hardest part of matching that particular motion feel?