View
All Work
ALTARA cover
Case Study

ALTARA

A luxury stone showroom that is secretly a working catalog, run by the brand team alone.

Year2024
RoleSolo Full-Stack
ClientAltara Indonesia
StackNext.js · Payload CMS · Tailwind
Scroll
Overview

Altara sells premium sintered stone to two very different audiences: homeowners choosing a kitchen surface and architects specifying a facade. Those audiences want opposite things from a website. One wants a showroom, the other wants a spec sheet, and luxury sites usually pick a side. This one had to be both: an editorial, showroom-grade front end sitting on a working catalog of 600+ slabs that the brand team updates without a developer. I built it end to end, with a publishing system that keeps pages fast while every slab, collection, finish, and application stays in the team's hands.

600+
premium slabs in the catalog
2500m²+
showroom represented online
0
developers needed to publish a new collection
My Role

The real work was invisible: designing the catalog so the same slab can be found by finish, by collection, and by application, all at once. Get that right and everything else follows. The team reshapes the catalog into curated stories without me, and a visitor browses from whichever angle they already think in.

  • Designed the catalog so the full slab library is browsable by finish, by collection, and by application from a single source
  • Built the editorial front end so product and collection pages stay fast while staying fully editable by the team
  • Created two journeys for homeowners and professionals, with an e-catalog PDF, request-a-sample and WhatsApp contact, and a material comparison for spec decisions
Tech Stack
Next.js
App Router, SSR and ISR for editorial pages
Payload CMS
Headless catalog of slabs, collections, applications
Tailwind
Utility-first styling for the showroom look
Key Features
Catalog browsable three ways
The same slabs are organized by finish, by collection (Polished, Texture, Glaze, Crystal and more), and by application, so a homeowner and an architect can both find the same stone without learning the other's vocabulary.
Material comparison
A side-by-side table weighs Altara sintered stone against ordinary tile on water absorption, hardness, UV resistance and maintenance, for professionals specifying surfaces.
Run by the brand team
Slabs, collections, applications and signature pieces are all edited directly by the brand team, with no developer needed to publish or reorganize.
Two paths, one catalog
Homeowner and professional journeys split the calls to action (explore for home, download specs, request a sample, chat on WhatsApp) over one shared product library.
Gallery
ALTARA — COVER
COVER
ALTARA — SHOWROOM HERO
SHOWROOM HERO
ALTARA — PRODUCT PAGE
PRODUCT PAGE
ALTARA — COLLECTION BROWSING
COLLECTION BROWSING
Visit Live Site← Back to all work
MOODFLIX cover
Next Project
MOODFLIX