WorkArchitectural surfaces · Web (concept)
Clayton · Konsept
A new site proposal built from scratch for the same brand: samples turn into a wall as you scroll, and you try the surface in a room.
IN PLAIN WORDSA site that shows the products as material rather than as a catalog: samples line up into a seamless wall as you scroll, the surface you pick in the wizard is laid onto a room photo at real panel size, and your choice carries straight into the quote form.
01 — Problem
The live corporate site carried the content but not the feel of the product: the texture and size of mineral-based flexible panels, and how they would look in a space, only came across with a physical sample. For the same brand, I proposed a rebuild in which the site itself does the sales talk.
02 — Approach
At the heart of the home page is 'From Sample to Wall': scattered samples line up into a seamless wall in step with scrolling, then become a draggable strip. In the surface wizard, the chosen product is laid onto a room photo on a real 1190×590 mm panel grid with 3 mm joints and the photo's own light; the choice carries over to the quote form. Product images were regenerated from the originals in the brand's content panel instead of colour-shifted copies. Product pages have a gallery with a magnifier and an augmented reality preview, plus a searchable 30-question FAQ, a three-step quote form, and a sticky Get a quote / WhatsApp / Call bar on phones.
03 — Outcome
The 16-page concept is browsable at the preview address; prepared as a new-site proposal for the brand.
Tools used
- Next.js 16
- React Three Fiber
- GSAP + Lenis
- model-viewer (AR)
- Resend
- Vercel