ARC — Clothing Ecommerce with Live AR Try-On Ecommerce clothing site with a real, browser-based AR fit preview — no app required. ARC is a premium ecommerce concept designed to redefine online fashion shopping through an interactive, browser-based AR experience. Instead of relying on a mobile application or simulated mockups, shoppers can preview garments on themselves directly from their web browser using their device's camera. The Live AR Fit Preview allows users to grant camera access, place garments over their live video feed, and adjust the fit by dragging, resizing, and rotating the clothing in real time. Once satisfied, they can capture and download a preview image directly from the browser. All image processing happens locally on the user's device, ensuring privacy and fast performance. Beyond the AR functionality, ARC delivers a complete modern ecommerce experience with beautifully designed product pages, detailed fabric and care information, persistent shopping cart functionality, smooth page transitions, and responsive layouts across desktop, tablet, and mobile devices. The homepage also features a 3D rotating product carousel built with React Three Fiber to showcase products in an engaging way. Highlights • Live browser-based AR clothing preview using WebRTC • Real-time drag, resize, and rotate garment controls • Canvas-based image capture and download • Privacy-first client-side image processing • Interactive 3D product carousel • Dynamic product pages with size and color selection • Persistent shopping cart using React Context & localStorage • Slide-out shopping bag drawer • Demo checkout experience • 17 fully responsive statically generated pages • Modern animations and premium user experience Tech Stack Next.js 14 (App Router) TypeScript Tailwind CSS Framer Motion: React Three Fiber drei WebRTC (getUserMedia) Canvas API ARC demonstrates how modern web technologies can deliver immersive shopping experiences directly in the browser—combining performance, interactivity, and elegant UI into a seamless fashion ecommerce platform.

0

21

Lariviere Voss — Luxury Law Firm Website A premium website concept for an international law firm, built to communicate trust and authority through restraint rather than decoration. The core design idea — what I call the "citation system" — tags every section, case study, and attorney bio the way an actual legal citation is formatted (e.g. Art. II — ARB, Matter Ref. 2022/04-M&A), replacing generic "01/02/03" numbering with something that actually encodes the subject matter. Paired with a warm ink-and-paper palette, muted antique-gold accent, and a custom rotating seal emblem instead of stock gavel/scales imagery. What's included: Homepage, firm history/timeline, 6 practice-area pages, 6 attorney profiles, 4 case studies Multi-step appointment booking flow (practice area → attorney → date/time → contact details) Full SEO metadata, sitemap, accessibility baseline (skip-links, focus states, reduced motion) 9 fully responsive, statically generated routes

0

49

Signal Studio — Creative Agency Website with 3D Hero A bold, Awards-style creative agency concept built around a live 3D centerpiece rather than a static hero image or video. The hero features a real-time WebGL scene (React Three Fiber) — an organic, distorting orb with pulsing "signal rings" and a drifting starfield — directly tied to the studio's name and broadcast-themed identity. Project entries use catalog-style numbering (N°01–N°06), and the portfolio gallery is a genuinely horizontal-scrolling experience with drag, snap, and arrow-key navigation. Color and type system deliberately avoid the generic "black + neon" AI-agency look in favor of obsidian, indigo, and coral. What's included: Homepage, full portfolio index + 6 case studies, services with pricing tiers, team/studio page, blog (4 posts) Project-inquiry form with service and budget selectors 21 fully responsive, statically generated routes, 3D code-split so only relevant pages load it

0

63

Stratum Architecture — Studio Website with Generative 3D Models An architecture studio concept where the 3D work isn't decorative — it's functional. Each project is assigned a numeric seed that deterministically generates a unique building "massing" model (varying floor count, footprint, and material), which animates apart into an exploded axonometric view on load — a literal visual expression of the studio's name, Stratum (layers). The site is grounded in real architectural practice rather than invented marketing language: drawing-plate reference tags (DWG. 01–06) and a six-phase process section that mirrors actual design phases (Site Analysis → Concept → Design Development → Documentation → Construction → Completion). What's included: Homepage, project index + 6 case studies (each with its own generated 3D model), services/practice page, team page, blog (4 posts) Project-brief intake form 21 fully responsive, statically generated routes

0

59

Muhammad Adil

Mobile & Web App Developer