Il documento descrive le fasi fondamentali nella realizzazione di un progetto web, inclusi contatto con il cliente, analisi delle informazioni, creazione di prototipi e template, sviluppo di un CMS, e SEO. Viene enfatizzata l'importanza di un'attenta gestione delle tempistiche e della comunicazione durante tutto il processo. Si menzionano anche le attività di scrittura web e promozione come parte integrante di un progetto web completo.

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

2. 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

3. 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.

4. 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.

5. 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 sito aree sempre presenti aree occasionali menu contenuti footer Struttura homepage Struttura modelli principali di pagina Struttura / casi d'uso di funzionalità interattive

6. 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

7. 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

8. 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

9. 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.

10. 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.

11. 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

12. 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

13. Contributi Grazie a tutti coloro che hanno contribuito a questo documento, segnalandomi bug o aggiunte. Grazie a: mark3991 , Joel , Marco , ...

14. 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 Merlinox www.merlinox.com [email_address]