All work
Case study 03Live

Nicoletti Raffaele

A bilingual showcase for an artisan sofa workshop — and a catalogue rebuilt from the workshop floor.

Client
Nicoletti Raffaele — sofas and beds made to measure, Altamura
Role
Design, development, image post-production, copy
Stack
HTML · CSS · vanilla JavaScript
No framework, no build step
Live
nicolettiraffaele.netlify.app
2026 · Italian & English
nicolettiraffaele.netlify.app
Homepage: a teal Chesterfield in a styled room with the headline “Expertly crafted sofas and beds, made to measure for you”
The homepage on a phone

01 — The brief

Years of sofas, Chesterfields and upholstered beds — and no website at all.

My uncle designs and builds everything in his own workshop in Altamura. Customers arrived by word of mouth. He needed a place that shows the whole range, speaks to Italian and English visitors, and turns interest into a conversation — without a monthly bill or a content system to babysit.

02 — The photo problem

The products were beautiful. The photos were taken between foam, frames and fire extinguishers.

A studio reshoot wasn’t on the table. Instead I cut each product out of its original photo with Apple’s Vision framework on macOS and composited it into a small set of generated rooms — a wall, a floor, a rug, a lamp or a framed print — so that 36 products across five collections read as one catalogue.

Catalogue image: the blue sofa in a room with a slatted wood wall and a round mirror Original photo: the same blue sofa on the tiled workshop floor Workshop floor Catalogue
Drag to compare — the “Clinton” sofa, before and after.Same photo, same sofa

03 — Decisions

  • The catalogue is dataEvery product is one line in a JavaScript file — image, name, Italian and English description. Adding a sofa never touches the layout.
  • Private by defaultNo cookies, no analytics, self-hosted fonts, and Google Maps loads only after a click. Under EU rules the site needs no cookie banner.
  • E-mail firstEvery “Ask for information” button opens an e-mail that already names the product. WhatsApp is there too, but second — that’s how the workshop likes to work.
  • Two languages, one pageItalian and English side by side, a ?lang=en link to send to foreign customers, and a proper preview when the link is shared on WhatsApp.
Impero Chesterfield in petrol-blue leather
Green corner sofa
Four-seat vintage Chesterfield
Upholstered bed with a winged headboard

04 — The site

Warm, quiet and about the furniture — a serif for the craft, generous whitespace, one terracotta accent.

nicolettiraffaele.netlify.app
The full homepage: hero, workshop story, four values, and the sofa, Chesterfield, sofa-bed and bed collections Hover to scroll
Mobile homepage in English
The live site.Visit nicolettiraffaele.netlify.app ↗