Creare un sito per un’attività con l’IA: dal brief alla prova del modulo
Neaptide · 6 settembre 2026 · 9 min di lettura · Aggiornato: 7 settembre 2026
Costruiamo il sito di un laboratorio e verifichiamo layout, modulo ed errori. Con schermate originali, demo interattiva, pubblicazione e SEO.
In questo articolo
Una persona sceglie un laboratorio, inserisce l’email e preme Invia. La pagina risponde «Grazie», ma l’attività non riceve nulla. Il sito sembra finito, eppure non svolge il suo compito. Parti dall’azione che il visitatore deve completare e dalla prova che sia andata a buon fine.
Per un piccolo sito, raccogli i dati dell’attività, descrivi un percorso principale, costruisci la pagina e controlla layout e modulo. Pubblica e ripeti le verifiche all’indirizzo pubblico. L’agente aiuta con il codice; condizioni del servizio e controllo del risultato richiedono comunque attenzione.
L’esempio che abbiamo realizzato
Forma è un laboratorio di ceramica immaginario. Abbiamo creato un’offerta, un programma e un modulo di prova. L’immagine viene dalla nostra guida precedente; prezzo di 60 € e condizioni sono inventati. Le cinque immagini sono schermate dell’esempio funzionante. Il server verifica le richieste senza salvarle o inviare email. Accetta solo indirizzi @example.com.
1. Raccogli i fatti prima del design
«Crea un sito moderno» non chiarisce gli aspetti essenziali. Annota a chi si rivolge il corso, cosa realizzeranno i partecipanti, cosa comprende il prezzo e quando potranno ritirare il pezzo. Salva le informazioni confermate in un file del progetto e segnala quelle mancanti. Il modello non deve sostituirle con indirizzi, recensioni o anni di esperienza inventati.
2. Scegli come gestire il sito nel tempo
Se il personale dovrà aggiornare spesso i contenuti senza toccare codice, valuta subito un editor o un CMS. Un piccolo sito su misura può anche essere un progetto di codice con una procedura di pubblicazione chiara. Considera la manutenzione oltre alla prima versione.
Apri la cartella del progetto in un agente che possa lavorare sui file. Chiedi prima la struttura della pagina e le informazioni mancanti. Questo brief permette di ripetere l’esercizio.
Crea un sito didattico per il laboratorio immaginario Forma.
Corso per principianti di 2 ore, 60 € a persona, massimo 8 partecipanti. Materiali e cottura inclusi. Indica che queste condizioni sono inventate.
Inserisci offerta e pulsante, tre fasi e modulo. Non inventare recensioni, indirizzo o risultati. Usa l’immagine del progetto. Su schermi stretti metti il testo sopra l’immagine.
Il modulo accetta un’email @example.com e da 1 a 8 partecipanti. Verifica nel browser e sul server. Non salvare richieste e non inviare email; dichiaralo nel risultato.
Aggiungi un errore simulato con possibilità di riprovare senza perdere i campi. Parti dai file da modificare e dalle verifiche da eseguire.3. Guarda la prima schermata come un visitatore
Verifica che un visitatore capisca l’attività, il prezzo e ciò che è incluso. Premi il pulsante principale per controllare che porti al modulo. Nel nostro esempio, l’immagine è accanto al testo: puoi modificare il titolo senza rigenerarla. Chiedi correzioni precise e salva una versione funzionante dopo ogni passaggio importante.
4. Controlla il layout con una larghezza ridotta
Le colonne si dispongono in verticale e il titolo non copre la tazza. Prima del lancio reale, apri anche il sito su un telefono: richiama la tastiera, passa fra i campi e raggiungi il pulsante. L’anteprima stretta controlla solo una parte dell’esperienza.
Controlla formati largo e stretto: scorrimento orizzontale, testo tagliato ed elementi sovrapposti. Percorri link e modulo con la tastiera. Correggi ogni problema e ripeti la verifica interessata.5. Prova tre stati del modulo
Dati non validi
Inserisci 9 partecipanti. Il modulo deve spiegare il limite da 1 a 8 vicino al campo e non inviare nulla. Anche il server deve controllare i dati: una richiesta può aggirare l’interfaccia.
Errore del server
Riporta il numero a 2 e attiva l’errore simulato. Il server risponde con HTTP 503. La pagina segnala il problema e mantiene i campi. Disattiva la simulazione per riprovare.
Conferma
Una richiesta valida riceve HTTP 200. Il risultato specifica che è stata verificata, senza salvataggio né inoltro. Durante la richiesta il pulsante è disabilitato.
Per un sito commerciale, scegli la destinazione: CRM, sistema di prenotazione o casella email. Invia una prova e trovala lì. L’accettazione in una coda non dimostra che un’email sia stata consegnata. Se i nuovi tentativi creano duplicati, serve una gestione anche sul server.
Il codice che elabora il modulo ha superato 12 test, comprendenti richieste valide, errori nell’email e nel numero di partecipanti, formati non supportati, una richiesta troppo grande e il guasto simulato. Sono controlli funzionali dell’esempio, non prove sotto carico né un audit di un sistema di prenotazione.
6. Pubblica e verifica l’indirizzo pubblico
Il repository conserva il codice e la cronologia delle versioni. Il servizio di hosting prepara il sito e lo rende accessibile online. Questo progetto usa GitHub per il repository e Vercel per l’hosting. Non occorre sempre un server privato virtuale (VPS) separato, ma il servizio scelto deve poter eseguire il codice che elabora il modulo.
- Salva una versione funzionante e collega il repository all’hosting.
- Verifica le impostazioni di build e ambiente. Tieni i segreti delle integrazioni fuori dal codice pubblico.
- Prova un’anteprima: link, modulo, errori e conferma.
- Collega il dominio seguendo le istruzioni dell’hosting e verifica HTTPS.
- Ripeti i controlli all’indirizzo pubblico e verifica la ricezione nella destinazione reale.
Il budget comprende creazione, strumento IA, dominio, hosting, servizio del modulo e manutenzione. L’abbonamento all’IA da solo non rappresenta il costo del sito.
7. Spiega l’offerta per ricerca e risposte IA
Scrivi titolo della pagina, descrizione e intestazione principale chiari. Spiega nel testo a chi è rivolto il servizio, cosa include il prezzo e cosa accade dopo una richiesta. Per le traduzioni controlla URL e collegamenti fra lingue. I dati strutturati devono corrispondere al contenuto visibile.
Risposte dirette e condizioni esplicite aiutano a capire e citare l’offerta, senza garantire posizioni nei risultati di ricerca o nelle risposte IA. Il sito didattico usa noindex; l’articolo è pensato per essere indicizzato.
Quando coinvolgere uno specialista
- Pagamenti, account o prenotazioni con posti limitati.
- Richieste che non riesci a seguire fino al destinatario.
- Migrazione di un sito esistente mantenendo gli URL.
- Modifiche che continuano a rompere altre parti.
Porta il percorso concreto e i risultati delle prove. Per un laboratorio reale, il controllo finisce quando il responsabile trova la richiesta corretta nel proprio sistema.