Le Galant
Vendere un oggetto che non si può tenere in mano: tutto si gioca sulla macrofotografia.
- Anno
- 2026
- Progettazione
- 3 settimane
- Stack
- Next.js · React · Tailwind · Vercel
- Direzione artistica
- Design
- Sviluppo
- SEO
- Copywriting
Versione dimostrativa pubblicata da Kayzen Web su un indirizzo Vercel; il dominio definitivo appartiene al cliente.
- performance Lighthouse
- 96/100
- accessibilità Lighthouse
- 100/100
- macro per modello, sempre negli stessi punti
- 3
Cosa c'era da risolvere.
Il contesto
Le Galant è una coltelleria artigianale: coltelli pieghevoli e da tavola fabbricati a Thiers, con uno showroom sulle rive del Rodano, a Serrières.
Il vincolo
Un coltello si sceglie tenendolo in mano. Online bisogna compensare l'assenza del tatto: la materia del manico, la lucidatura della lama, la precisione dell'assemblaggio devono diventare visibili. È l'unica vera difficoltà del progetto, ed è fotografica prima che tecnica.
La risposta
La macrofotografia struttura il sito. Ogni modello è mostrato in primissimo piano su tre punti (la giunzione manico/lama, il dorso, il ribattino) insieme ai materiali nominati e alle dimensioni. Il racconto di Thiers arriva dopo, come garanzia e non come argomento principale.
I punteggi rilevati alla consegna.
Punteggi Lighthouse del sito in produzione. Li pubblichiamo così come sono: quando uno è basso, la causa e il piano di correzione sono spiegati più sotto invece di essere taciuti.
Ogni scelta di design, e il suo perché.
La macro come unità di base
Tre primi piani per modello, sempre negli stessi punti. La regolarità consente il confronto tra modelli, cosa che una galleria eterogenea impedisce.
Materiali nominati
Essenza del legno, tipo di acciaio, tipo di ribattino. Il cliente della coltelleria artigianale conosce questo vocabolario; negarglielo significa rivolgersi a qualcun altro.
Lo showroom come destinazione
Lo spazio di Serrières è messo in scena, con indicazioni per arrivarci e orari. Una parte della clientela vuole vedere prima di comprare; il sito organizza questa visita invece di subirla.
Palette del progetto
Acciaio
#5A6169
Struttura
Ginepro
#7A5E3A
Calore, materia
Bianco sporco
#F6F3EE
Sfondo delle macro
Inchiostro
#191B1D
Testo
Sistema tipografico
Titoli
Cormorant Garamond 600
Testo corrente
Inter 400
Un serif sottile per l'oggetto artigianale, un sans-serif tecnico per le caratteristiche. Il contrasto tra i due registri riproduce quello del prodotto.
Cosa c'è sotto il cofano.
- Next.js
- React
- Tailwind
- Vercel
Immagini pesanti, pagina leggera
Le macro sono dettagliate per natura. Caricamento progressivo, formati moderni, una sola immagine prioritaria: 96 in performance nonostante una pagina quasi interamente visiva.
Catalogo in forma di dati
Modelli, materiali, dimensioni e disponibilità in un file tipizzato, unica fonte della scheda prodotto e del markup.
Come il sito si fa trovare.
Thiers come segnale d'origine
«Couteau artisanal Thiers» (coltello artigianale di Thiers), «coutellerie française pliant» (coltello pieghevole francese): l'origine è il primo criterio di ricerca in questo mercato, prima del modello.
Markup Product
Ogni modello ha un nodo Product con materiale, dimensioni e disponibilità. È ciò che consente la visualizzazione arricchita nei risultati.
Utilizzabile da tutti.
Da giugno 2025 l'Atto europeo sull'accessibilità (European Accessibility Act) impone l'accessibilità digitale a una larga parte dei servizi online. La affrontiamo in fase di progettazione, non come rimedio a posteriori.
100/100 con descrizioni utili
Ogni macro è descritta con precisione, per esempio «giunzione tra manico in ginepro e lama in acciaio XC75». Un testo alternativo descrittivo serve tanto al posizionamento quanto allo screen reader.
Cosa è stato consegnato.
- Home
- I pieghevoli
- I coltelli da tavola
- Il laboratorio di Thiers
- Lo showroom di Serrières
- Contatti
Lo svolgimento del progetto.
Direzione fotografica
Protocollo macro: tre punti per modello, illuminazione costante.
Contenuti
Materiali, dimensioni, vocabolario della coltelleria.
Design
Schede regolari, showroom messo in scena.
Sviluppo
Catalogo tipizzato, immagini progressive, markup Product.
Cosa ci chiedono spesso.
Altri lavori
Conformità GDPR e SaaSKonsent by Kayzen
Un fornitore di banner che verifica i banner è giudice e parte: l'indipendenza era il prodotto.
Sicurezza offensiva e SaaSSentinel by Kayzen
Vendere un prodotto di sicurezza agli ingegneri: ogni affermazione doveva essere dimostrabile.
Dati e servizio meteoMétéo Climat France
358 pagine indicizzabili, una mappa animata su 72 scadenze e nemmeno una riga di framework.
Lo stesso livello di rigore, per il tuo sito.
Audit gratuito del tuo sito attuale, preventivo entro 24 ore e un ragionamento scritto, come quello che hai appena letto. Pagamento in tre rate senza interessi; agevolazioni locali verificate prima della firma.