Sito vetrina: cos'è, cosa deve avere e quando basta

01

Cos'è un sito vetrina e a cosa serve?

Un sito vetrina è un sito web di poche pagine che presenta un'attività: chi è, cosa offre, dove si trova e come contattarla. Serve a farsi trovare e a farsi scegliere da chi cerca quel servizio. Non ha carrello né pagamenti: chi vuole comprare telefona, scrive o passa di persona.

Come la vetrina di un negozio, un sito vetrina mostra e non vende. È il sito di professionisti, locali, strutture ricettive e negozi che ricevono i clienti di persona o su appuntamento, e che online vogliono prima di tutto essere trovati.

02

Cosa deve avere un sito vetrina?

Un sito vetrina deve avere cinque pagine di base: home, chi siamo, servizi o prodotti, lavori o galleria, contatti. In più servono una grafica che si legge bene dal telefono e i testi legali.

• Home: dice in poche righe chi sei, cosa offri e dove, e porta alle altre pagine.
• Chi siamo: racconta l'attività e le persone, con fotografie vere.
• Servizi o prodotti: una pagina, o una per ogni servizio, con ciò che il cliente vuole sapere prima di chiamare.
• Lavori o galleria: mostra cosa hai fatto, per esempio piatti, camere o progetti finiti.
• Contatti: telefono, email, indirizzo con mappa, orari e un modulo per scrivere.
• Testi legali: informativa sulla privacy e dati dell'attività, raggiungibili dal fondo di ogni pagina.

03

Come è composto un sito web e come si chiamano le parti?

Un sito web è composto da una home page e da pagine interne, collegate da un menu. Ogni pagina ha tre parti: la testata in alto, con logo e menu; il corpo, con testi e immagini; il piede di pagina, con contatti e dati dell'attività.

• Home page: è la pagina iniziale, quella che si apre digitando l'indirizzo del sito.
• Menu: è l'elenco delle pagine, in alto; sul telefono di solito si apre da un pulsante.
• Testata (header): è la fascia in alto, uguale in tutte le pagine, con logo e menu.
• Piede di pagina (footer): è la fascia in fondo, con contatti, dati dell'attività e link ai testi legali.
• Pulsante di invito (call to action): porta all'azione che conta, per esempio chiamare o prenotare.

04

Che differenza c'è tra sito vetrina, one page ed e-commerce?

La differenza tra sito vetrina, one page ed e-commerce sta in quante pagine hanno e in cosa permettono di fare. Il sito vetrina presenta l'attività su più pagine, il sito one page mette tutto in una pagina sola, l'e-commerce vende online con carrello e pagamento.

Un sito vetrina basta finché l'obiettivo è farsi trovare e farsi contattare. Per una campagna o un'offerta serve invece una landing page, una pagina con un solo obiettivo; per vendere online serve un e-commerce, che ha anche magazzino, spedizioni e pagamenti da gestire.

05

Come si progetta un sito vetrina?

Un sito vetrina si progetta in quattro passi: brief, bozza grafica, progetto di tutte le pagine, sviluppo e pubblicazione. Alla fine hai un sito online, uguale al progetto approvato e leggibile da computer e da telefono.

1. 1

   Prepara il brief

   Il brief è la prima conversazione con chi progetta il sito: a cosa serve, chi lo visita, quali pagine deve avere. Porta il logo, i testi e le fotografie che hai già.

2. 2

   Valuta la bozza grafica

   La bozza è la prima proposta grafica, per computer e per telefono. Guardala su tutti e due gli schermi e decidi cosa tenere e cosa correggere.

3. 3

   Approva il progetto di tutte le pagine

   Approvata la bozza, si disegnano tutte le pagine con lo stesso stile, insieme a pulsanti, icone e menu. È il progetto grafico definitivo, pronto per lo sviluppo.

4. 4

   Fai sviluppare e pubblicare il sito

   Lo sviluppatore scrive il codice che porta il progetto grafico online, su un dominio e un hosting. Prima della pubblicazione controlla ogni pagina da computer e da telefono.

La struttura di una pagina web, cioè l'ordine dei contenuti e la posizione dei pulsanti, si può decidere prima della grafica con uno schema senza colori né immagini: il wireframe.

Il progetto di un sito si fa per due schermi, computer e telefono. Google scrive che per indicizzare e posizionare un sito usa la versione mobile dei contenuti, e consiglia il responsive design: stesso indirizzo e stesso codice per ogni dispositivo, con i contenuti disposti secondo lo schermo.

06

Chi realizza un sito web: web designer o sviluppatore?

Un sito web lo realizzano due figure: il web designer, che progetta aspetto e struttura delle pagine, e lo sviluppatore, che scrive il codice e porta il sito online. Una web agency riunisce queste figure e altre, come chi scrive i testi e chi segue la pubblicità.

Gaia Rundo, graphic designer a Catania, lavora come web designer: consegna il progetto grafico di tutte le pagine, per computer e per telefono, pronto per lo sviluppo. Chi sviluppa e pubblica il sito si stabilisce nel preventivo, prima di iniziare.

Per un sito web, oltre a grafica e sviluppo, servono i testi, le fotografie, un dominio e un hosting. Vale la pena decidere subito anche chi aggiornerà il sito dopo la pubblicazione.

07

Cosa preparare prima di chiedere il preventivo di un sito?

Prima di chiedere il preventivo di un sito vetrina prepara sette informazioni: obiettivo, pagine, logo, testi, fotografie, dominio e scadenza. Più sono complete, più il preventivo è preciso.

• Obiettivo: a cosa serve il sito e chi lo visita.
• Pagine: quali pagine deve avere e in che ordine nel menu.
• Logo: il file del logo, meglio se vettoriale.
• Testi: quelli che hai già e quelli ancora da scrivere.
• Fotografie: quelle che hai già e quelle da fare.
• Dominio e hosting: se li hai già, a chi sono intestati e quando scadono.
• Scadenza: la data entro cui il sito deve essere online, se c'è.

Il costo di un sito vetrina non sta in un listino: cambia con il numero di pagine, con i contenuti da preparare e con i tempi di consegna. Per saperlo chiedi un preventivo con le informazioni dell'elenco.