Una guida alla creazione di siti web

Da un brief aziendale a un sito web da rivedere.

Inizia con il passaggio successivo del tuo visitatore. Utilizza un modello reale o un prompt mirato, quindi controlla il contenuto e il comportamento che rendono utile il sito.

01 — Scrivi l'offerta prima del prompt

Descrivi la tua attività, il tuo pubblico e la tua azione principale in poche frasi. Raccogli immagini approvate, dettagli del servizio e informazioni di contatto. Un operatore di marketing può anche includere l'origine della campagna e il messaggio che i visitatori hanno già visto.

  • Scegli una richiesta, una spiegazione del prodotto o un altro obiettivo specifico.
  • Elenca le pagine necessarie per quell'obiettivo.
  • Tenere fuori dal brief le affermazioni non supportate e le testimonianze inventate.

02 — Scegli una struttura che puoi adattare

Apre il catalogo dei modelli corrente. Esamina un'anteprima pertinente e leggi le interfacce incluse e i termini di utilizzo aziendale. Scegli una struttura adatta ai tuoi contenuti o descrivi le pagine in un nuovo prompt. Accedi quando sei pronto per creare il tuo progetto.

  • Guarda la navigazione e le sezioni della pagina.
  • Controlla il modello su un telefono.
  • Leggi la nota relativa ai dati di esempio e ai servizi connessi.

03: sostituisci il contenuto del campione

Modifica la ragione sociale, l'offerta, le immagini e i dettagli di contatto. Richiedi una copia mirata o una modifica del layout alla volta. Controlla la lunghezza reale del testo, le descrizioni delle immagini e le intestazioni delle pagine. Rimuovi testimonianze di esempio anziché presentarle come risultati dei clienti.

  • Controlla tutti i dettagli di contatto e i link.
  • Scrivi titoli e descrizioni delle pagine chiari.
  • Utilizza immagini per le quali sei autorizzato a pubblicare.

04: verifica l'azione principale

Se il sito dovesse raccogliere una richiesta, configurare e testare la destinazione. Confermare che il messaggio o il record salvato arrivi effettivamente. Esamina i campi obbligatori, la convalida, gli stati di esito positivo e negativo e le informazioni sul consenso appropriate. Un modulo demo può cambiare solo lo schermo.

  • Invia un test valido con informazioni sul campione.
  • Prova con informazioni mancanti o non valide.
  • Controlla la navigazione tramite tastiera e il layout del telefono.

05 — Controlla la configurazione di lancio

Utilizza l'anteprima corrente, condividi e pubblica la documentazione per il tuo progetto. Conferma i servizi di runtime e di pubblicazione disponibili, la configurazione del dominio, i limiti del piano e i costi dei servizi esterni. Ricontrolla i collegamenti pubblici, i metadati e i contenuti di esempio prima di inviare visitatori reali.

  • Verifica il percorso del visitatore terminato dopo la pubblicazione.
  • Controlla l'analisi e la misurazione della conversione previste.
  • Tieni un breve elenco dei miglioramenti successivi basati sul feedback reale.

Un punto di partenza

Rendi specifico il brief.

Adatta questo esempio alla tua attività. Mantieni i dati campione separati dalle informazioni reali sui clienti.

Crea un sito web per un istruttore di yoga indipendente. Include lezioni, informazioni sull'istruttore e una pagina di richiesta. Utilizza orari di lezione e dettagli di contatto chiaramente contrassegnati. Rendi il testo leggibile su un telefono. Il modulo di richiesta dovrebbe essere una dimostrazione finché non mi connetto e provo una destinazione.

Esplora prima di iniziare

Modelli reali da visionare.

Visualizza tutti i modelli

Queste sono le anteprime statiche attuali e disponibili. Leggi le interfacce incluse e le note di configurazione di ciascun modello prima di remixarlo nel tuo progetto.

Quando è necessario il passaggio successivo

Seguire la documentazione del prodotto.

Prima di iniziare.

Un modello è un'anteprima del sito web finito?

No. È un esempio statico che mostra il design e il contenuto campione. Il tuo progetto indipendente necessita di contenuti, configurazione e test propri prima di utilizzarlo per la tua attività.

Il sito sarà pronto per i motori di ricerca?

Esamina l'HTML effettivamente pubblicato, i titoli delle pagine, le descrizioni, gli URL canonici, la politica di scansione e la mappa del sito supportati dal tuo sito. Controlla anche i contenuti utili e le prestazioni sui dispositivi mobili. Un modello o uno strumento non può garantire la visibilità della ricerca.

Inizia con un compito utile

Crea una prima versione da valutare.