Timeless Touch Ceramics

A porcelain maker’s PDF catalogues became an online showroom of 345 surfaces.

Year: 2025–2026
What I did: Product catalogue, Content studio, AI-assisted product import
Client: Porcelain slab and tile manufacturer, Dubai
Team: Me and one other developer
Live site: timelesstouchceramics.com

An Elite Nero scan from the range, mirrored along a seam the way bookmatched slabs are laid.

A catalogue that lived in PDFs

The range sat in PDF catalogues, one of them 211 MB. I moved the catalogue into a content studio and turned whole collections into product pages with an AI-assisted import that I checked by hand.

A page from the client’s porcelain tile catalogue PDF: Elite Nero, code 105 at 60x120 cm glossy and code 6078 at 60x60 cm matt. — A page from one of the catalogue PDFs

The Elite Nero product page on a phone: the charcoal marble-look tile, its tags, product codes 105 and 6078, and a Contact Us to Buy button. — The same tile on the website

The Elite Nero product page on the website: the charcoal marble-look tile with its photo thumbnails, its tags, product codes 105 and 6078, and a Contact Us to Buy button. — The same tile on the website

Find the right surface in seconds

Buyers choose by look, finish and size. Across all 345 surfaces there are eight filters, and I built the parts that make them quick: a live count on every option and a link you can share for every filtered view.

The filters sheet on a phone: eleven catalogues, each with a count of its products beside it, above the closed Product Type, Design Style and Finish filters.

The products page showing 345 products, a catalogue filter with a count beside each option, a sort menu and room-scene product cards.

Surfaces like this one

Product pages end in a quote request instead of a price. Below it I added similar surfaces, matched by look first, then type and finish.

Similar Products under the Alma bookmatch slab on a phone: Ariston Slab and Alpha Satvario, both marble-look and glossy, with arrows to see more.

The Similar Products row under the Alma bookmatch slab: Carrara Slab, Elegant Beige Slab, Dulce Bianco and Lava Blue bookmatch, all marble-look and glossy.

A wall of samples on the phone

I rebuilt the photo gallery for small screens. On a phone it runs as offset strips of interior photos that drift in opposite directions as you scroll.

The homepage photo gallery on a phone, laid out as offset strips of interior photographs.

The Elite Nero product page on a phone, with the gold header and the tile filling the screen.

What changed

What the business has now.

345 surfaces online, each with its own page
Filterable by catalogue, type, look, finish, use, size, thickness and special features.
11 catalogues on one page
Each with its cover and file size, ready to download.
69 tiles imported from a single catalogue
AI read the catalogue images and proposed names and looks. I checked the list before it was uploaded.
Edits live within about a minute
Products are edited in a studio built into the site, and pages refresh within about a minute.