OBJET — Postmodern Design Objects
Objects with opinions.
OBJET is a curated storefront for postmodern design objects — vases, lamps, stools, mirrors and trays across four colour-clashing collections. The store itself is the piece of design: a broken asymmetric grid, a palette that morphs as you move between collections, draggable sticker decor and a scroll-driven product story. Fully static, with a simulated backend so browsing, cart and checkout all feel completely real.
Role · Design + front-end build (simulated backend via MSW) · Updated Jun 2026
- 15 design objects across 4 palette-driven collections, fully typed catalogue
- 7 pages: broken-grid home, filterable shop, scroll-story product, cart, multi-step checkout, order confirmation, about/studio
- Simulated MSW backend (catalogue, cart, checkout, orders) with persisted cart + order lookup
- 8 reduced-motion-gated signature interactions (palette morph, parallax confetti, draggable stickers, custom cursor, shared-element transitions, and more)
- Delivery
- 24–48h
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · Shopify (headless)
Connect a Shopify store — products, inventory, orders and payments are managed in the Shopify admin.
What makes it special
Palette that morphs
Each of the four collections carries its own clashing palette; moving between them smoothly transitions five runtime CSS variables, recolouring the entire UI at once — not element by element.
Objects drawn, not photographed
Every product render is original procedural SVG driven by a tiny recipe. Zero image weight, zero layout shift, and instant recolour as the palette changes.
A store that performs
Broken-grid parallax confetti, draggable fling-able stickers, a custom cursor with a geometric shape trail, kinetic marquees, and a confetti burst on add-to-cart — eight signature moments, every one gated behind reduced-motion.
Scroll-driven product story
The product page pins the object with GSAP ScrollTrigger; it rotates and scales while spec placards reveal in sequence, like a museum label coming apart.
Convincingly real, entirely static
An in-browser MSW backend answers real /api calls for catalogue, cart and checkout with honest latency. The cart persists, orders generate ORD- numbers — nothing is ever charged.
What’s included
- 15 design objects across 4 palette-driven collections, fully typed catalogue
- 7 pages: broken-grid home, filterable shop, scroll-story product, cart, multi-step checkout, order confirmation, about/studio
- Simulated MSW backend (catalogue, cart, checkout, orders) with persisted cart + order lookup
- 8 reduced-motion-gated signature interactions (palette morph, parallax confetti, draggable stickers, custom cursor, shared-element transitions, and more)
- Static export with conditional basePath, WCAG 2.2 AA intent, fluid responsive 375→1440, SEO/sitemap/robots/manifest
Gallery
More Web templates
Make OBJET yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.