Tutti i lavori
Caso studio 03Online

Nicoletti Raffaele

Un sito vetrina bilingue per un laboratorio artigianale di divani — e un catalogo rifatto partendo dalle foto in laboratorio.

Cliente
Nicoletti Raffaele — divani e letti su misura, Altamura
Ruolo
Design, sviluppo, post-produzione delle immagini, testi
Tecnologie
HTML · CSS · JavaScript puro
Nessun framework, nessuna build
Online
nicolettiraffaele.netlify.app
2026 · italiano e inglese
nicolettiraffaele.netlify.app
La home in inglese: un Chesterfield verde petrolio in una stanza arredata, sotto il titolo «Expertly crafted sofas and beds, made to measure for you»
La home su smartphone

01 — La richiesta

Anni di divani, Chesterfield e letti imbottiti — e nessun sito.

Mio zio progetta e realizza tutto nel suo laboratorio di Altamura. I clienti arrivavano col passaparola. Serviva un posto che mostrasse tutta la produzione, parlasse a visitatori italiani e stranieri e trasformasse l’interesse in una conversazione — senza canoni mensili né un gestionale da curare.

02 — Il problema delle foto

I prodotti erano bellissimi. Le foto erano scattate tra gommapiuma, telai ed estintori.

Rifare tutto in studio non era possibile. Così ho scontornato ogni prodotto dalla foto originale con il framework Vision di Apple su macOS e l’ho inserito in un piccolo set di stanze generate — una parete, un pavimento, un tappeto, una lampada o un quadro — in modo che 36 prodotti in cinque collezioni sembrassero un unico catalogo.

Immagine del catalogo: il divano blu in una stanza con parete a doghe di legno e specchio tondo Foto originale: lo stesso divano blu sul pavimento piastrellato del laboratorio In laboratorio Catalogo
Trascina per confrontare — il divano «Clinton», prima e dopo.Stessa foto, stesso divano

03 — Scelte

  • Il catalogo è un file di datiOgni prodotto è una riga in un file JavaScript — immagine, nome, descrizione in italiano e in inglese. Aggiungere un divano non tocca mai la grafica.
  • Privacy prima di tuttoNiente cookie, niente statistiche, font ospitati sul sito e Google Maps che si carica solo dopo un clic. Per le regole europee il sito non ha bisogno del banner dei cookie.
  • Prima l’e-mailOgni pulsante «Chiedi informazioni» apre un’e-mail che cita già il prodotto. C’è anche WhatsApp, ma come seconda scelta — è così che il laboratorio preferisce lavorare.
  • Due lingue, una paginaItaliano e inglese nella stessa pagina, un link ?lang=en da mandare ai clienti stranieri e un’anteprima curata quando il link si condivide su WhatsApp.
Chesterfield Impero in pelle blu petrolio
Divano angolare verde
Chesterfield vintage a quattro posti
Letto imbottito con testiera ad ali

04 — Il sito

Caldo, tranquillo e al servizio dei mobili — un carattere graziato per l’artigianato, tanto spazio bianco, un solo accento color terracotta.

nicolettiraffaele.netlify.app
La home completa: apertura, la storia del laboratorio, quattro valori e le collezioni di divani, Chesterfield, divani letto e letti Passa sopra per scorrere
La home su smartphone, in inglese
Il sito online.Visita nicolettiraffaele.netlify.app ↗