Ridisegno del sito della Fondazione De Marchi

Presento, in forma sintetica, le linee guida seguite per la riprogettazione del sito della fondazione De Marchi.
La Fondazione De Marchi è un ente medico collegato alla clinica oncologica pediatrica dell’Università di Milano.
Lo scopo del sito è di carattere informativo e divulgativo: si prefigge di presentare la fondazione, le sue attività e pubblicazioni, divulgare informazioni sulle malattie oncologiche ed ematiche curate nella clinica e invitare il pubblico a effettuare donazioni.

Vecchio sito	Prototipo rilasciato al cliente

Il sito di partenza era un sito amatoriale con una grafica molto "spartana". La pagina presentava uno sfondo a rilievo, che rendeva meno agevole la lettura. Inoltre, erano presenti troppi contenuti in una singola pagina, costringendo a numerose operazioni di scorrimento. Infine, il menu di navigazione era presentato solo in fondo alla pagina.

La riprogettazione ha riguardato sia l’aspetto grafico che l’architettura dell’informazione.
Nella grafica si è privilegiato un criterio di "pulizia" della pagina, scegliendo colori tenui per gli sfondi e il nero per il testo, lasciando il rosso per i titoli, come nella versione precedente.
Considerando la dimensione ampia dei testi si è scelto un layout liquido a due colonne: una riservata alla navigazione tra le pagine, al box che evidenzia le ultime notizie e la copertina dell’ultimo numero della rivista, con uno sfondo colorato che la 'stacchi' dall’area riservata al contenuto. Una testata con il logo, che, seguendo standard di navigazione è un collegamento attivo alla pagina principale, e un footer, con le informazioni complementari (data di aggiornamento, icone di eventuali validatori del codice, dati del realizzatore del sito) completano la pagina.
Poiché gli aggiornamenti non sono frequenti - la modifica più frequente è la rivista, con cadenza trimestrale - il sito è statico.

Per garantire la compatibilità con i browser futuri, il linguaggio scelto è XHTML.
L’uso di un foglio di stile permetterà di mantenere contenuti e stile separati, secondo i requisiti minimi per l’accessibilità, e renderà più veloce il caricamento delle pagine.
I caratteri sono ridimensionabili.
Un foglio di stile per la stampa permetterà di stampare i contenuti senza perdita o ’rumore’ nelle pagine stampate.