Creare un sito per un’attività con l’IA: dai requisiti alla prova del modulo
Neaptide · 6 settembre 2026 · 9 min di lettura · Aggiornato: 3 ottobre 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 l’ordine è semplice. Raccogli i dati dell’attività e descrivi un percorso principale. Costruisci la pagina, poi controlla layout e modulo. Pubblica e ripeti le verifiche all’indirizzo pubblico. L’agente aiuta con il codice, ma le condizioni del servizio e il controllo del risultato restano compito tuo.
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. Il prezzo di 60 € e le 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 dice nulla di quello che conta. 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 colmare i vuoti 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. Prima di scegliere, chiediti chi lo manterrà dopo la prima versione.
Apri la cartella del progetto in un agente che possa lavorare sui file. Prima che costruisca qualcosa, chiedigli la struttura della pagina e l’elenco delle informazioni che gli mancano. Con le indicazioni qui sotto puoi 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
Un visitatore deve capire subito di che attività si tratta, quanto costa e cosa comprende il prezzo. Premi il pulsante principale e controlla che porti davvero al modulo. Nel nostro esempio l’immagine è accanto al testo, quindi 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 il sito anche su un telefono. Richiama la tastiera, passa da un campo all’altro, arriva fino al pulsante. L’anteprima stretta sul computer controlla solo una parte di tutto questo.
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, perché una richiesta può arrivargli senza passare dall’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 conserva ciò che avevi inserito. Disattiva la simulazione e riprova.
Conferma
Una richiesta valida riceve HTTP 200. Il risultato lo dice chiaramente: verificata, non salvata, non inoltrata. Durante la richiesta il pulsante è disabilitato.
Per un sito commerciale, decidi prima dove deve arrivare la richiesta: CRM, sistema di prenotazione o casella email. Invia una prova e cercala lì. Un servizio che ha accettato un’email in coda non l’ha ancora consegnata. E se i nuovi tentativi creano duplicati, vanno gestiti sul server.
Il codice che elabora il modulo ha superato 12 test: 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 sostituiscono le prove sotto carico né l’audit di un sistema di prenotazione.
6. Pubblica e verifica l’indirizzo pubblico
Il repository conserva il codice e la cronologia delle versioni, mentre il servizio di hosting costruisce il sito e lo mette online. Questo progetto usa GitHub per il repository e Vercel per l’hosting. Un server privato virtuale (VPS) separato non sempre serve. Serve invece che il servizio scelto possa eseguire il codice che elabora il modulo.
- Salva una versione funzionante e collega il repository all’hosting.
- Verifica le impostazioni di compilazione e dell’ambiente di esecuzione. 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.
Nel budget entrano la creazione, lo strumento IA, il dominio, l’hosting, il servizio del modulo e la manutenzione. L’abbonamento all’IA è solo una voce di questo elenco.
7. Spiega l’offerta per ricerca e risposte IA
Scrivi in modo chiaro il titolo della pagina, la descrizione e l’intestazione principale. Spiega nel testo a chi è rivolto il servizio, cosa include il prezzo e cosa accade dopo una richiesta. Per le traduzioni controlla gli URL e i collegamenti fra le lingue. I dati strutturati devono corrispondere al contenuto visibile.
Risposte dirette e condizioni esplicite aiutano a capire e citare l’offerta. Non garantiscono posizioni nei risultati di ricerca o nelle risposte IA. Il sito didattico usa noindex, mentre 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.