A luxury e-commerce landing and shopping experience built for a ladies’ diamond watch brand. The brief was to make an online store feel like walking into a boutique — cinematic, unhurried, and detailed enough that a customer can inspect a 32mm rose-gold case and its hand-set emeralds before deciding.

What I built

Immersive landing experience — a fullscreen cinematic hero video opening into brand storytelling sections, with smooth scrolling and choreographed transitions throughout.

Interactive 3D product showcase — watch models rendered in-browser with Three.js and React Three Fiber, with postprocessing effects to keep metals and stones reading as luxury rather than as game assets.

Full shop experience — a dynamic product catalogue with search, category filtering and sorting; quick-add to cart from the listing page; detailed single-product views; and cross-sell teasers on individual product pages.

Cart and multi-step checkout — interactive quantity adjustment and item removal, promotional code support with dynamic discount calculation, and a staged checkout covering shipping details, payment options and order review, with totals recalculating against the selected shipping and payment methods.

Customer account portal — a dashboard for order history and tracking, saved wishlists and reviews, address management, and a wallet and loyalty points interface.

Editorial hub and concierge form — a blog section for brand storytelling, plus a contact form with animated feedback states.

Technical architecture

• Frontend: React 18, Vite 5
• Styling: Tailwind CSS with custom CSS
• 3D rendering: Three.js, @react-three/fiber, @react-three/drei, postprocessing
• Animation: GSAP, Framer Motion, Lenis smooth scrolling
• State management: React Context API, handling cart state and hash-based routing through a custom PageContext
• Deployment: GitHub, Vercel

A note on scope

This is a front-end showcase build. The commerce flow, authentication and account data run against a structured mock data layer rather than a live backend and payment processor — the architecture is built so a real API and gateway can be connected without reworking the interface. Every interaction, animation and state transition is fully functional.

Quick Links:
1- Live Demo: https://www.twine.net/signin
2- Git: https://www.twine.net/signin
3- upwork project: https://www.twine.net/signin
4- website project: https://www.twine.net/signin

Live site: printmybox.co.uk

A custom packaging website for a UK print business, built on WordPress and Elementor with extensive custom development. Because every product is configurable and priced on request, the site uses a guided quote system instead of a conventional cart.

What I built

A four-step quote builder covering product selection, artwork upload, quantity and contact details — with a progress indicator and validation at each stage.

Conditional product logic. Category filters sub-category, which filters product, which then loads only the options relevant to that item — variety, material, finish. Sizing branches two ways: a preset list under Standard, or length, width and height inputs under Custom.

Artwork upload accepting AI, PDF, PNG, JPG and EPS files, attached directly to the submission.

Submission handling. Each request saves to a custom admin dashboard with the full specification and design files, and triggers confirmation and notification emails to the customer and the team.

A custom mega menu I designed and built to keep a large multi-category catalogue navigable.

Tech

WordPress, Elementor, PHP, JavaScript/jQuery, custom post types and fields, AJAX conditional logic, secure file handling, automated email, postcode address lookup, responsive design, technical SEO.

Outcome

Quote requests now arrive fully specified with artwork attached, cutting the back-and-forth the team previously handled by email and phone.

Fully customized project on wordpress.
Link: tableclothlinen.co.uk