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
Scroll → a camera flies through a watch gallery → zooms into the dial → you pick a dial colour → add to cart.
That's the homepage of AUREL, a luxury watch store I designed and built as a portfolio project. ⌚
Under the hood:
• 3D scroll story with React Three Fiber, GSAP and custom shaders
• Full shop flow: filters, product variants, cart, 4-step checkout
• Mobile CSS 3D fallback + reduced-motion layout
• Accessible, fast, and ready to plug into Shopify
Stack: React, Vite, Tailwind, Three.js, GSAP, Zustand
I'm a web developer (React · WordPress · PHP, 6+ years) looking for remote frontend or WordPress roles. Recruiters and hiring managers, my DMs are open.
#ReactJS #FrontendDeveloper #ThreeJS #OpenToWork #WebDevelopment
Thank you! Really appreciate you noticing those details. I wanted the animation to feel smooth and the navy color to give it a timeless, premium feel.
This is how 3D should be used in commerce — not decoration, sequence. Camera through the gallery, zoom into the dial, then the colour pick and add to cart: by the time someone chooses, they already feel like they have handled the watch. The detail that sold me on the craft is...
Thank you! 🙌 On mobile, I optimized the scroll experience with responsive layouts, a CSS 3D fallback, and reduced-motion support to keep the experience smooth and accessible. Desktop delivers the full cinematic 3D experience, while mobile keeps the product story engaging without compromising usability.
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
Related posts
Some concept work from the agency. Planning to share more of what we create, from clean interfaces to the little motion details that bring them to life.
Check out the website: https://urest.agency/
2nd variation of a landing page for a B2B search analytics platform
For this variation, I went with a lighter background where the CTA is visually focused instantly.
You might have 3~5 seconds to get the user's attention, so it's very important how the design looks and feels.
Full landing page coming tomorrow.
PAPER MONOLITH — Where Paper Becomes Architecture
An exploration of experimental graphic design, sculptural form, and architectural minimalism.
PAPER MONOLITH transforms the delicate nature of paper into a monumental visual statement. Inspired by origami geometry and contemporary architecture, this concept combines intricate folded structures, sophisticated typography, and refined editorial composition.
Created for 1286 CRAFT, the project explores the contrast between softness and strength through ivory-toned sculptural forms, realistic CGI aesthetics, precise geometric detailing, and a minimalist Swiss-inspired design approach.
The accompanying cinematic motion design brings the composition to life through subtle unfolding movements, atmospheric lighting, and elegant visual storytelling.
Creative Direction: Experimental Graphic Design, 3D Art Direction, Editorial Typography, Conceptual Design, Architectural Visualization, AI-Assisted Visual Design, and Cinematic Motion Design.
1286 CRAFT — Precision in Every Detail.
#1286CRAFT #GraphicDesign #ExperimentalDesign #EditorialDesign #Typography #3DArt #ArtDirection #MotionDesign #VisualIdentity #CreativePortfolio
Amazing work