Blog Mind
  • How To
  • Vita da corsista
  • Inspiration
  • Work Tips
  • Corsi
Home  /  How To • Web Design  /  Come progettare un sito web efficace
How To

Come progettare un sito web efficace

Devis Dainese Progettazione siti web
Come progettare un sito web

Imparare a progettare un sito web è una delle attività principali di un Web Designer e richiede una certa dose di esperienza, organizzazione e attenzione ai dettagli. Per ottenere un risultato che soddisfi le richieste del cliente e dell’utente finale, è necessario seguire una serie di passaggi. Abbiamo chiesto all’insegnante di Web Design della nostra scuola, Roberto Piva, di spiegarceli.

1. Progettare un sito web: la prima riunione

La riunione iniziale con il cliente è fondamentale per definire gli obiettivi specifici del sito, in base alla strategia di comunicazione generale dell’azienda. Per evitare di dimenticarti alcuni aspetti importanti, è meglio preparare una lista dettagliata di domande. In questo modo avrai una scaletta chiara che ti aiuterà a mantenere il focus sui temi essenziali.

Ecco una traccia delle domande da porre al cliente prima di iniziare a progettare un sito web:

  • Che risultati volete ottenere con la realizzazione del sito?
  • A che tipo di pubblico vi rivolgete?
  • In quali zone geografiche operate?
  • Chi sono i vostri principali concorrenti?
  • Cosa vi distingue dagli altri? Quali sono i vostri punti di forza/eccellenza?
  • Il sito sarà una parte di una più ampia strategia di marketing online, o sarà l’unico canale di comunicazione?
  • Quanto è importante per la vostra azienda essere visibile sui motori di ricerca?   
  • Esiste già un dominio e un hosting?   
  • Avete già fissato un budget di spesa per la realizzazione del sito?
  • In quanto tempo vorreste andare online?
  • Quale materiale (testuale e visivo) avete a disposizione? Dovremo realizzare dei testi, foto o grafiche ad hoc?
Riunione iniziale
Copyright: rawpixel.com

2. L’alberatura del sito

Sulla base delle informazioni raccolte durante l’intervista iniziale, dovrai abbozzare lo schema – o alberatura – del nuovo sito. L’alberatura non è altro che la rappresentazione grafica di come verranno organizzati i contenuti e i percorsi di navigazione dell’utente. Di solito viene usato il diagramma ad albero, perché permette di visualizzare in modo pulito e lineare le varie sezioni.

Nella creazione dell’alberatura dovrai tenere conto degli obiettivi strategici e commerciali dell’azienda, dei prodotti/servizi di punta e anche delle esigenze lato SEO. In tal senso, può essere utile farti affiancare da un SEO Specialist per strutturare le diverse sezioni/pagine in base alle principali parole chiave utilizzate dagli utenti. Quando lo schema è pronto, prendi un secondo appuntamento con il cliente per discuterne assieme e arrivare a una versione definitiva dell’alberatura.

Progettazione del sito
Copyright: Christina Morillo

3. La bozza grafica

Bene, è arrivato il momento di sviluppare una o più bozze grafiche del sito! Utilizza il logo, i colori aziendali ed eventuali immagini per creare un’anteprima in formato JPEG o PDF che mostra come verranno distribuiti testi e foto all’interno delle sezioni principali. Se non hai del materiale pronto, puoi usare delle foto o dei testi fittizi in modo da riuscire a simulare il layout delle varie pagine. Per progettare siti web particolarmente complessi, può ricorrere a strumenti come Adobe XD o Figma, che permettono di mostrare la navigazione tra le diverse sezioni. Una volta terminati i mockup, prendi un altro appuntamento con il cliente per valutarli assieme e definire eventuali modifiche e migliorie.

4. Sviluppo del sito web

Ci siamo, puoi finalmente dedicarti alla creazione del sito! Sulla base dell’alberatura e della bozza grafica finale, stila una lista dei diversi elementi visual da sviluppare: grafiche, immagini, icone, ecc. In questa fase è utile confrontarti con lo sviluppatore web, al fine di capire come conciliare al meglio gli aspetti funzionali ed estetici delle pagine.

Il sito web “in lavorazione” dovrà essere installato su un server locale accessibile solo all’agenzia o al team di freelance che lo stanno progettando e al committente.

5. Test e messa online

Una volta inseriti i contenuti, sarà necessario testare tutti gli elementi (moduli contatto, script, ecc.) e la visualizzazione del sito da diversi browser Web e dispositivi elettronici. Prima della messa online, chiedi al cliente di controllare personalmente i contenuti e segnalare eventuali errori o malfunzionamenti delle pagine.

Terminate tutte le modifiche, comunica con un certo anticipo la data di pubblicazione del sito al committente, in modo che possa preparare a sua volta le attività di comunicazione dedicate alla presentazione della nuova piattaforma.

6. Formazione

Non dimenticare di pianificare uno o più incontri in azienda per formare i dipendenti che si occuperanno dell’aggiornamento del sito e dell’inserimento di nuovi contenuti.

7.  Reportistica

Creare o collega un account Google al sito, al fine di monitorare il rendimento e il comportamento degli utenti attraverso le statistiche fornite da Google Analytics e Search Console.

Analytics sito

8. Manutenzione periodica

Infine, programma degli interventi di assistenza periodici, utili all’inserimento o all’aggiornamento di funzioni e plugin, alla risoluzione di eventuali problemi e alla creazione di report e statistiche.

I nostri consigli su come progettare un sito web efficace terminano qui, ma puoi approfondire l’argomento leggendo l’articolo “Come presentare il mockup di un sito web”.

Related Posts

  • Pagina 404 esempio

    Pagina 404: e se non fosse solo un errore?

  • Usabilità sito web

    Usabilità di un sito web: le regole da seguire

  • Numerazione delle pagine con InDesign

    Come inserire la numerazione delle pagine con InDesign

  • Promuovere una pagina Facebook

    Come promuovere una pagina Facebook: alcuni consigli utili

Newsletter

Iscriviti alla nostra newsletter!



Post recenti

  • Brochure esempi
    Brochure: esempi utili per i tuoi progetti di grafica Inspiration
  • Pagina 404 esempio
    Pagina 404: e se non fosse solo un errore? How To, Linguaggi di programmazione
  • Logo Apple storia
    La storia del logo Apple, dalle origini ad oggi Inspiration
  • Creazione logo con Illustrator
    Il mio primo logo con Illustrator Vita da corsista
  • Creatività e pensiero divergente
    Creatività e pensiero divergente: 3 esercizi per allenarli Work Tips

Tendenze

Corso Graphic Design Corso Web Design Creatività Gestione clienti Ispirazione grafica Passione fotografia Passione grafica Personal branding Professione fumettista Progettazione siti web Strategie di marketing Strategie di marketing e comunicazione

Contatti

Dove siamo

Sede
Via Venezia, 90/A
35129 Padova, Italia

Come contattarci

Telefono
049 7449220
Email
info@creativemind.academy

Newsletter

Iscriviti alla nostra newsletter!

Lasciaci la tua email
Riceverai in anteprima i nostri articoli



Post popolari

  • Brand book per l'immagine aziendale
    Guida alla creazione di un brand book Mind
Blog Mind

© MIND srl 2019 - Tutti i diritti riservati

MIND srl P.IVA e Codice Fiscale 05079870282 - Rea PD - 441420 - Reg Imprese 11/08/2017 - Marchio registrato/depositato presso Camera di Commercio codice 302016000074765