Un potenziale cliente ti ha appena chiesto di progettare un sito web, ma da dove inizi? C'è un certo processo che puoi seguire per assicurarti che il progetto vada liscio. Rispecchia il processo di progettazione grafica standard, con solo alcuni passaggi specifici del sito Web da includere.
Come graphic designer, puoi decidere di assumere l'intero disegno da solo, inclusa la codifica. Tuttavia, potresti anche voler riunire una squadra per aiutarti con i dettagli. Uno sviluppatore web e un esperto SEO possono essere aggiunte preziose al tuo progetto.
Ricerca
Come per la maggior parte dei progetti di design, il primo passo per la creazione di un sito Web è la ricerca. Alcune di queste ricerche saranno fatte con il cliente per capire i loro bisogni. Avrai anche bisogno di saperne di più sulla loro industria e sui concorrenti.
Quando incontri con il tuo cliente, devi scoprire il più possibile per aiutarti a sviluppare uno schema per il sito e infine progettarlo. Ciò include la richiesta del pubblico di destinazione, degli obiettivi, della direzione creativa e di altre variabili che potrebbero influire su ciò che è possibile offrire al cliente, come budget e scadenza.
Il tuo settore e le ricerche di mercato avverranno contemporaneamente. Per essere pronti ad incontrare il tuo cliente, dovresti avere un'idea del loro settore. Dopo aver individuato i loro bisogni, vorrai quindi guardare un po 'più a fondo.
Il livello di ricerca svolto dipenderà dal budget del cliente e dalle conoscenze attuali del settore. Può essere semplice come guardare per vedere come appaiono gli altri siti web nel campo. Per i progetti più grandi, potrebbe trattarsi di una ricerca approfondita con focus group.
Continua a leggere sotto
02 di 10Brainstorming
Una volta che sai qual è il progetto, è tempo di raccogliere idee e il brainstorming è un ottimo punto di partenza. Piuttosto che cercare l'idea perfetta per essere il tuo primo, butta fuori tutte le idee o concetti per il sito web. Puoi sempre restringerlo più tardi.
Alcuni siti Web potrebbero richiedere un'interfaccia web standard, con la navigazione (una barra dei pulsanti) e aree di contenuto in cui è più probabile che gli utenti si aspettino da loro. Altri potrebbero richiedere un concetto unico per presentare il contenuto.
Alla fine, il contenuto guiderà il design. Ad esempio, un sito di notizie avrà un approccio molto diverso rispetto al portfolio web di un fotografo
Continua a leggere sotto
03 di 10Decidi i requisiti tecnici
All'inizio del processo di sviluppo di un sito Web, è necessario prendere decisioni in merito ai requisiti tecnici del progetto. Tali decisioni influenzeranno il budget, i tempi e, in alcuni casi, l'impressione generale del sito.
Una delle decisioni principali è quale dovrebbe essere la struttura di base del sito, che determinerà quale software utilizzare e quale sistema rende il sito, lavoro.
Le tue opzioni includono:
- HTML di base: Un sito HTML standard in cui ogni pagina viene modificata manualmente. Questo può essere relativamente veloce da sviluppare, ma lascia poca flessibilità e molta manutenzione continua. È anche importante ricordare che i siti HTML non sono solo HTML e possono includere CSS, JavaScript e altri linguaggi di programmazione per le funzioni.
- Utilizzare un sistema di gestione dei contenuti: L'utilizzo di un CMS consente generalmente a un cliente di eseguire regolarmente aggiornamenti di contenuti, mentre il progettista controlla l'aspetto generale del sito. Alcuni sistemi possono essere sviluppati da zero e altri acquistati e adattati alle esigenze del cliente. I sistemi online come Blogger e WordPress sono gratuiti e includono anche un CMS di base.
Scrivi una struttura
Ora che hai raccolto le informazioni necessarie e hai analizzato alcune idee, è una buona idea buttar giù tutto sulla carta.
Uno schema di un sito web dovrebbe includere un elenco di ogni sezione da includere nel sito, con una descrizione del tipo di contenuto che verrà mostrato su ciascuna pagina. Dovrebbe anche descrivere nel modo più dettagliato possibile quali caratteristiche sarebbero presenti sul sito, come account utente, commenti, funzioni di social networking, video o iscrizione a una newsletter.
Oltre ad aiutare ad organizzare il progetto, il cliente dovrebbe essere presentato con lo schema di una proposta di sito Web in modo che possa approvarlo prima che il progetto continui. Ciò consentirà loro di aggiungere, rimuovere o modificare qualsiasi sezione o funzionalità.
Tutto questo alla fine ti aiuterà a sviluppare un budget e un periodo di tempo e costruirai il sito. Accettare un prezzo per un progetto di sito web sulla base di un profilo approvato contribuirà ad evitare costi aggiuntivi o divergenze di opinioni a fine progetto.
Continua a leggere sotto
05 di 10Crea wireframe
I wireframe sono semplici disegni a linee di layout di siti Web che consentono a te (e al cliente) di concentrarsi sul posizionamento di elementi piuttosto che sul colore e sul tipo.
Ciò è estremamente utile in quanto determina quali contenuti meritano la maggior concentrazione e la percentuale di spazio utilizzata nella pagina per tali elementi. Senza essere distratti da altri elementi visivi, i wireframe approvati forniscono una struttura per i tuoi progetti.
Per alcuni progetti, potresti prendere in considerazione l'idea di disporre di una raccolta di wireframe da utilizzare per diversi tipi di contenuti. Il contatto, circa e altre pagine con molto testo possono avere un layout diverso da una galleria o da una pagina di shopping.
È importante mantenere un aspetto uniforme in tutto il sito durante la transizione da un wireframe al successivo.
06 di 10Progetta il sito web
Una volta che tu e il tuo cliente siete soddisfatti dei wireframe, è ora di iniziare a progettare il sito.
Adobe Photoshop è lo strumento più comune per creare i progetti iniziali. Il focus del design del sito dovrebbe essere quello di presentare il contenuto e verrà utilizzato per creare le pagine web reali.
Per ora, semplicemente progetta e gioca con gli elementi di base per creare qualcosa che il tuo cliente possa osservare e approvare.
- Mentre design e animazione appariscenti hanno il loro posto, non dovrebbero sopraffare ciò che l'utente sta cercando.
- Una navigazione coerente aiuterà i tuoi visitatori a trovare tutte le principali aree di contenuto.
- L'uso pulito del tipo (nel caso di un sito basato su testo) manterrà la lettura e il ritorno dei visitatori.
- Prima di disporre di contenuti effettivi per la progettazione di un sito, il testo di Lorem Ipsum aiuterà a riempire gli spazi senza distrarre il cliente.
Continua a leggere sotto
07 di 10Costruisci pagine Web
Quando il tuo design è approvato, le pagine devono essere trasformate da prototipi in pagine web reali scritte in HTML e CSS.
Designer / sviluppatori esperti possono scegliere di assumere tutta la codifica, mentre qualcuno focalizzato sul lato del design del Web può lavorare a stretto contatto con uno sviluppatore per dare vita al sito. Se questo è il caso, lo sviluppatore dovrebbe essere coinvolto fin dall'inizio.
Gli sviluppatori aiuteranno a garantire che il design sia un layout web realistico e efficace. Dovrebbero anche essere consultati su qualsiasi funzione che promettete al cliente in quanto alcuni potrebbero non essere possibili o vantaggiosi per il sito.
Software come Adobe Dreamweaver possono aiutare un designer a trasformare un mockup in una pagina Web funzionante, con funzionalità di trascinamento della selezione, funzioni predefinite e pulsanti per aggiungere collegamenti e immagini.
Ci sono molte scelte software disponibili per la costruzione di siti web. Scegli uno con cui ti piace lavorare, ma assicurati che ti consentano di entrare veramente nei dettagli e nella codifica delle pagine.
08 di 10Sviluppa il sito web
Una volta completato il layout in HTML e CSS, è necessario integrarlo con il sistema che hai scelto. Questo è il punto in cui diventa un sito web funzionante.
Ciò può significare lo sviluppo di modelli da leggere da un sistema di gestione dei contenuti, la modifica di un modello WordPress o l'uso di Dreamweaver per creare collegamenti tra pagine e funzionalità web più avanzate. Questo è di nuovo un passo che può essere lasciato ad un altro membro o membri del team.
Dovrai inoltre acquistare un nome di dominio del sito Web e disporre di un servizio di hosting in fila. Questo avrebbe dovuto essere parte delle discussioni con il cliente e, in realtà, dovrebbe essere fatto nelle fasi iniziali del processo. A volte può richiedere del tempo perché i servizi diventino attivi.
È anche molto importante che tu o il tuo sviluppatore eseguiate test approfonditi sul sito web. Non vuoi fare la "grande rivelazione" e avere funzioni che non funzionano correttamente.
Continua a leggere sotto
09 di 10Promuovi il sito web
Con il tuo sito web online, è il momento di promuoverlo. Il tuo fantastico design non va bene se la gente non lo visita.
Guidare il traffico verso un sito può includere:
- Ottimizzandolo per i motori di ricerca. Assumi un esperto SEO se questa non è un'area di competenza poiché le migliori pratiche cambiano continuamente.
- Invio di newsletter per evidenziare nuovi contenuti. Il design della newsletter dovrebbe riguardare il design del sito web per mantenere coerenti i messaggi di marca.
- Pubblicità con annunci PPC su Google o con banner pubblicitari su altri siti.
- Metodi più tradizionali come la pubblicità stampata e il passaparola.
Tienilo fresco
Uno dei modi migliori per far tornare le persone sul tuo sito è quello di mantenere il contenuto fresco. Con tutto il lavoro inserito in un sito, non vuoi che rimanga uguale per mesi dopo il lancio.
Continua a pubblicare nuovi contenuti, foto, video o musica … qualunque sia stato il sito per la presentazione. Un blog è un ottimo modo per mantenere un sito aggiornato, con post di qualsiasi lunghezza su qualsiasi argomento relativo al tuo sito,
Se il cliente gestirà gli aggiornamenti per un sito Web CMS, potrebbe essere necessario addestrarli a utilizzarlo. Fare aggiornamenti su un sito web che hai progettato è un buon modo per ottenere entrate regolari. Assicurati che tu e il tuo cliente concordiate sulla frequenza e le tariffe per qualsiasi lavoro di aggiornamento che fate.
