1. Definisci una decisione del visitatore
Il pubblico dell’esempio è composto da progettisti che cercano una lampada per un ufficio. Devono confrontare ingombri e finiture, individuare un modello e richiedere la relativa scheda tecnica. Il catalogo presenta i prodotti; non vende online.
Il percorso previsto è elenco prodotti, scheda, esplorazione e richiesta. Nel brief indica dove arriva il visitatore e come prosegue: se proviene direttamente da un collegamento alla scheda, deve riconoscere prodotto, azienda e contatto senza passare dalla homepage.
2. Scrivi le scelte e ciò che modificano
Ogni scheda permette di ruotare la lampada, ingrandirla entro limiti concordati e ripristinare la vista iniziale. Il visitatore seleziona una delle due finiture disponibili. Nome della finitura e anteprima devono concordare.
Una finitura visibile non implica disponibilità a magazzino. Nel nostro esempio non cambiano prezzo, potenza o dimensioni. Un configuratore che combina componenti richiederebbe invece regole commerciali separate: elenca le combinazioni ammesse prima di aggiungere comandi.
- Confronto: dimensioni e caratteristiche consultabili per ciascun modello.
- Selezione: codice prodotto e finitura riportati nel riepilogo.
- Richiesta: informazioni necessarie al reparto che risponderà.
- Esclusioni: ordini, pagamenti, disponibilità e prezzi automatici.
3. Prepara una scheda materiali per prodotto
Per ogni lampada registra codice, dimensioni verificate, descrizione, fotografie, modello 3D disponibile e finiture approvate. Assegna un responsabile alle informazioni mancanti. Definisci chi prepara, chi controlla e quando sarà pronto ciascun materiale.
Chiedi una verifica dei file prima di stimare l’intero catalogo. Conversione, semplificazione e preparazione dei materiali sono attività da rendere visibili nel preventivo. Verifica anche i diritti d’uso. La resa a schermo serve alla presentazione: nell’esempio non sostituisce campioni fisici o documentazione tecnica.
4. Decidi cosa succede senza la scena
Se il modello non si carica, la scheda conserva immagine, dimensioni, finiture descritte e richiesta informazioni. Se la selezione non è disponibile, il riepilogo deve dirlo anziché attribuire al cliente una scelta che non ha fatto.
Concorda i telefoni e browser da provare. MDN ricorda che capacità e limiti WebGL variano tra dispositivi: una prova sul computer dello sviluppatore non basta per definire il supporto del catalogo.
5. Trasforma il brief in prove verificabili
Usa una scheda campione completa prima di replicare il lavoro. Chi approva dovrebbe eseguire queste prove con le informazioni di riferimento accanto.
| Prova | Risultato da verificare |
|---|---|
| Selezionare una finitura | Anteprima, etichetta e riepilogo indicano la stessa scelta. |
| Cambiare prodotto | La richiesta riporta il nuovo codice corretto. |
| Ripristinare la vista | Il prodotto torna all’inquadratura concordata. |
| Aprire senza 3D | Informazioni essenziali e contatto restano disponibili. |
| Inviare la richiesta | Il messaggio ricevuto contiene prodotto e scelta, se effettuata. |
6. Controlla il perimetro prima del preventivo
Confronta le proposte sulla stessa scheda campione e sullo stesso elenco prodotti. Se una decisione è aperta, segnalala: può richiedere una prova prima di confermare il lavoro.
- Quanti prodotti e quante finiture devono essere presenti al lancio?
- Quali file sono pronti e quali devono essere prodotti?
- Quali azioni e informazioni sono indispensabili per la richiesta?
- Chi approva dati e rappresentazione dei prodotti?
- Quali verifiche definiscono la prima versione accettabile?
Esplora un esempio
La homepage Ospivia è un progetto interno con scena 3D. Puoi usarla come riferimento visivo; non rappresenta il catalogo sintetico di lampade descritto.
Esplora il servizio 3D ↗Prepara il brief del tuo progetto
Un modello di testo riutilizzabile: obiettivi, utenti, funzioni, materiali e criteri di accettazione. Scaricalo senza registrazione e compilalo con il tuo team.
Scarica il brief di progetto (.txt) ↓Riferimenti tecnici
Pubblicato da Ospivia Studio, preparato con supporto AI e verificato rispetto alle fonti tecniche collegate. Gli esempi sono illustrativi e non rappresentano risultati di clienti.