Progetto web

Cosa è un sito web e quali attività devono essere previste

Attività base

• Contatto e coordinamento• Analisi delle informazioni• Preparazione prototipo (mockup)• Preparazione bozze grafiche• Preparazione prototipo Live• Creazione Template• Creazione CMS (db)• Creazione pagine / Integrazione CMS• Installazione / Configurazione• Web Writing e SEO

Contatto e coordinamento

La prima ed essenziale attività per un progetto web. Il contatto è fondamentale per definire le 5W del progetto:

• who: conoscere il cliente e rapportarsi in merito• what: l'idea del progetto• why: target del progetto > obiettivi e tipo di utenza• where: eventuali vincoli di hosting• when: tempistica > inizio, step intermedi, fine e modalità di

consegna (attesa) dei contenuti

In questa attività è buona norma tenere conto dei tempi che saranno necessari lungo tutto il periodo di lavoro, per comunicare con il cliente o coordinarsi con altri team.

Analisi delle informazioni

Raccolto il maggior numeri di informazioni è necessario creare il progetto su "carta", per arrivare alla produzione di un prototipo con funzionalità tempi e costi chiari e preventivati.

• Creazione delle voci basi del progetto• Esplosione delle voci in attività minori• Quantificazione delle attività• Necessità di sw / hw extra• Albero di "navigazione"• Albero di "funzionalità"• (approvazione...)

Fondamentale: identificare con precisione l'elenco del materiale, chi e come lo fornisce.

Prototipo

Condivise con il cliente le attività, accettati dal cliente i costi e "firmato il contratto" si può partire creando un prototipo del sito usando ideogrammi, chiamati professionalmente mockup.

• Definizione delle aree del sitoo aree sempre presentio aree occasionalio menuo contenutio footer

• Struttura homepage• Struttura modelli principali di pagina• Struttura / casi d'uso di funzionalità interattive

Bozze grafiche

Con il progetto ben chiaro e il mockup sufficientemente rappresentativo, si può partire con la creazione delle bozze grafiche. Per ogni prototipo dovrà essere prodotta una bozza.

• Riproduzione degli spazi presenti in prototipo• Adattamento dei loghi• Scelta dei font e dei colori• Gestione elementi ricorsivi• Inserimento di contenuti verosimili

ps: il cliente le considererà già un lavoro finito, è necessario siano più verosimili possibile ma soprattutto realizzabili

Prototipo Live    

Per progetti di dimensioni particolarmente importanti il cliente potrebbe richiedere la creazione di un prototipo funzionante. Questa attività può essere svolta prima o dopo le bozze grafiche: dipende da cosa il cliente necessità come prototipo:

• se un prototipo per particolari funzioni: va bene anche prima• se un prototipo per animazioni o interazioni grafica: dopo

Creazione Template

Approvate le bozze si inizia a tagliare i sorgenti grafici e a tradurli in un mix di immagini, html, css e javascript.

L'attività si suddivide in:

• individuazione dei media target (potrebbe essere necessario un template per ogni media)

• individuazione dei modelli di pagina necessari• ottimizzazione delle immagini• ottimizzazione SEO del codice• interattività e animazioni

Creazione CMS

Se il vostro cliente ha necessità di un sistema di gestione contenuti (CMS) le scelte sono:• usare un sistema pronto (wordpress, drupal, ...)• creare un CMS ad hoc

Creare un nuovo CMS è un progetto di web application a se stante. Sarà quindi necessario valutare questa attività in modo isolato.

Nel caso di un prodotto nuovo è necessario particolare attenzione all'architettura delle informazioni e alla struttura del db, difficilmente modificabile in corso d'opera.

Creazione pagine / integrazione cms

Con i modelli di pagina (template) pronti non resta altro che sviluppare tutte le pagine: 

• statiche: con i contenuti nel HTML• dinamiche: collegando i modelli di pagina alle fonti dati

(DB) tramite query e condizioni

Nel caso di uso di un CMS è da concordare con il cliente quali parti si inserirà in modo autonomo e quali dovremo inserire noi e poi lui eventualmente potrà modificarle.

Installazione e configurazione

Nel caso abbiamo creato il sito presso nostri sistemi, dovremo prevedere di ricreare il sito definitivo presso l'hosting scelto dal cliente.

Questa attività potrebbe essere prevista anche all'inizio del progetto, nel caso in cui il cliente indichi che vuole ogni step sul sito online o nel caso di uso di CMS particolarmente configurabili e che è meglio avere subito nel server pubblico (o in staging*).

* staging è un hosting parallelo a quello pubblico, dove effettuare test prima della pubblicazione

Web Writing  e SEO

Un progetto web completo può richiederci anche di assolvere ai compiti di web writing, SEO e promozione. Attività correlate:

• definizione degli obiettivi di visibilità• ricerca delle parole chiave• scrittura dei testi ottimizzati• progetto continuativo di creazione nuovi testi

A questo si può aggiungere un progetto di promozione / comunicazione continuativo nel tempo:• definizione obiettivi• step intermedi• indentificazione dei media e delle campagne

Contributi 

Grazie a tutti coloro che hanno contribuito a questo documento, segnalandomi bug o aggiunte.

Grazie a: mark3991, Joel, Marco, ...

Farsi pagare

Il punto più dolente di questi tempi è quello di farsi pagare le fatture. Qui non mi sento di dare consigli, ma di dirci "stiamo attenti" si!

Se notate bug nel documento o volete proporre aggiunte, vi prego di segnalarlo nel post dedicato: "progetto-web".

Per contattarmi e condividere altre idee i miei riferimenti sono i seguenti:

Riccardo Mares aka Merlinoxwww.merlinox.commerlinox@gmail.com