Sito web

Il progetto Designers Italia

Il sito web dell ISIS “A. Gramsci – J. M. Keynes” di Prato è stato realizzato adottando il kit WordPress basato sul modello di siti per le scuole italiane, creato nell’ambito del progetto Designers Italia.

Designers Italia è un progetto a cura del Dipartimento per la Trasformazione Digitale in collaborazione con l’Agenzia per l’Italia Digitale (AGID) e il Ministero dell’Istruzione.

Il progetto siti web delle scuole vuole definire un modello standard di sito web che esprima l’insieme dei servizi digitali offerti dalle scuole italiane a genitori, studenti e all’intera comunità scolastica.

Il nuovo sito web dunque risponde completamente a tutti i requisiti normativi e agli obblighi di legge, risultando perfettamente conforme alle seguenti linee guida:

• Linee guida AgID di design per i siti delle PA
• Linee guida AgID per la progettazione dei siti scolastici
• Linee guida AgID per l’accessibilità dei siti delle PA

Nel rispetto dell’autonomia scolastica e con l’obiettivo di creare un prodotto in grado di rispondere ai principali bisogni di tutte le scuole, il template è stato progettato dal team di sviluppo dopo aver condotto decine di workshop e centinaia di interviste con insegnanti, personale tecnico amministrativo, genitori e studenti.

Come è strutturato

Il nuovo sito per le scuole è stato ideato attraverso una sintesi di tutti gli elementi rilevanti emersi dall’attività di ricerca svolta. Il design dello stesso è caratterizzato da uno stile essenziale e pulito, volto a dare maggiore rilievo ai contenuti esposti dalla scuola. La realizzazione delle pagine del sito si basa su un approccio full responsive, mobile-first e modulare, partendo dalla home page, il che permette una perfetta visualizzazione su qualsiasi dispositivo e una particolare cura dell’ottimizzazione per i dispositivi mobili. Si punta alla semplificazione, sia per la versione desktop che per quella mobile, con una particolare attenzione alla coerenza del look and feel e dell’accessibilità alle informazioni, utilizzando colori accesi per le sezioni principali e adottando un linguaggio meno burocratico.

L’indice di pagina permette di scorrere rapidamente tra i paragrafi delle schede, semplificando la lettura dei contenuti.

Il menu principale è composto solo da quattro voci che racchiudono l’intera organizzazione scolastica.

La voce “Scuola” descrive l’istituto dal punto di vista strutturale e organizzativo, includendo le pagine dedicate ai luoghi della scuola, alle strutture organizzative, alle persone, alla sua storia e ai documenti che ne descrivono la natura e gli obiettivi.

La sezione “Servizi” rappresenta una novità significativa rispetto ai siti web scolastici precedenti, valorizzando in maniera dedicata il grande patrimonio di servizi offerti dalla scuola a studenti, famiglie e personale scolastico, ma che spesso non sono descritti e valorizzati in modo adeguato.

La sezione “Novità” è la più dinamica del sito, poiché contiene notizie, eventi e circolari che alimentano la vita della comunità scolastica, mentre il sistema RSS consente di essere sempre aggiornati in tempo reale su tutte le news pubblicate.

Infine, la sezione “Didattica” espone l’offerta formativa della scuola, con una descrizione dei percorsi di studio, dei progetti e la possibilità di pubblicare approfondimenti didattici a cura dei docenti e a beneficio di tutti.

Progettazione e sviluppo

Il sito dell’Istituto è stato sviluppato utilizzando un template gratuito disponibile su Designers Italia. Questo template può essere utilizzato da qualsiasi istituzione scolastica o comunità open source per creare la propria offerta digitale.

La metodologia, gli strumenti e il design system utilizzati sono stati sviluppati da Designers Italia e contribuiscono al design system della Pubblica Amministrazione.

Il progetto è gestito dal Team per la Trasformazione Digitale su richiesta del Ministero dell’Istruzione, nell’ambito di un percorso di attivazione degli ecosistemi.