Dopo anni di onorato servizio con la grafica originale del 2005, Ricerche Maestre ha finalmente un vestito nuovo! In questo post vi racconto come e perché ho deciso di rinnovare completamente il sito, cosa è cambiato e cosa invece è rimasto rigorosamente invariato — a partire dal cuore del progetto: il motore di ricerca Google CSE per la scuola primaria italiana.
Perché un restyling dopo tutti questi anni?
Ricerche Maestre è online dal 2005 e nel corso degli anni ha indicizzato oltre 5.300 siti selezionati da insegnanti esperti — risorse educative, scolastiche e di svago pensate per bambini dai 3 ai 14 anni e per le loro famiglie. Un patrimonio prezioso che meritava una veste grafica all’altezza dei tempi.
Il vecchio layout era basato su tabelle HTML e uno stile piatto che non reggeva più il confronto con i dispositivi moderni. Soprattutto, non era responsive: su smartphone e tablet risultava praticamente inutilizzabile. Con l’aumento esponenziale dell’uso del web da mobile, era arrivato il momento di intervenire.
Lo stile Sketchbook: vivace, colorato, adatto ai bambini
La scelta stilistica è stata chiara fin dall’inizio: niente design corporate freddo e asettico. Ricerche Maestre si rivolge a bambini della scuola primaria, maestre e genitori, quindi la nuova grafica doveva essere:
- Vivace e colorata — palette arcobaleno con giallo, arancio, rosso, verde, azzurro, blu e viola
- Stile Sketchbook — bordi “disegnati a mano”, ombre offset stile neo-brutalist kids, font a mano libera
- Sfondo quaderno — righe azzurre su carta color crema, proprio come un quaderno di scuola
- Doodle decorativi — stelle, matite, mele, libri e righelli animati ai bordi della pagina
- Completamente responsive — layout fluido che si adatta a desktop, tablet e smartphone
I font scelti appartengono alla famiglia Google Fonts: Schoolbell per i titoli (effetto scrittura a mano), Patrick Hand per i testi secondari e Nunito per la leggibilità dei paragrafi.
Cosa è cambiato tecnicamente
Dal punto di vista tecnico, la nuova grafica è un unico file HTML autocontenuto: tutto il CSS è incorporato direttamente nell’index.html, eliminando dipendenze esterne e garantendo il caricamento corretto su qualsiasi server, anche quelli con configurazioni particolari.
Le novità principali
- Layout CSS Grid moderno — le card informative si dispongono automaticamente in griglia a 2 colonne su desktop e a colonna singola su mobile
- Barra di ricerca personalizzata — il vecchio widget Google CSE è stato sostituito con un form stilizzato che mantiene tutta la funzionalità del motore
- Header con banda arcobaleno — striscia cromatica a 7 colori in cima all’header e al footer
- Banner cookie GDPR — avviso cookie moderno con pulsante “OK ho capito!” sempre visibile
- Accessibilità migliorata — focus visibile, aria-label, supporto a prefers-reduced-motion
- Stili di stampa — CSS dedicato per chi stampa la pagina
Le 5 card informative
Tutte le sezioni del sito sono state trasformate in card colorate con effetto hover, ciascuna con il suo colore distintivo:
- About (azzurro) — chi siamo e cosa indicizza il motore
- Collabora e promuovi (verde lime) — con il codice per incorporare il motore in altri siti
- Help & Avvertenze (arancio) — come usare SafeSearch e accompagnare i bambini
- Info & Note Legali (rosa) — disclaimer e note legali
- Privacy Policy (viola) — GDPR e gestione dei cookie
Cosa NON è cambiato: il motore di ricerca CSE
Il vero valore di Ricerche Maestre è il suo indice di siti selezionati e il motore Google CSE che ci gira sopra. Tutto questo è rimasto assolutamente invariato:
- Il codice CSE è lo stesso dal primo giorno
- L’indice dei siti, curato da me e da Paola Limone, continua ad aggiornarsi
- Il filtro sui contenuti adatti ai bambini è invariato
Fondamentale: la sezione Collabora con il codice per incorporare il motore in pagine web esterne è stata mantenuta e anzi migliorata con un comodo pulsante “Copia” per copiare il codice con un click. Chiunque — scuole, siti educativi, blog di maestre — può continuare a integrare Ricerche Maestre nelle proprie pagine.
Provalo subito!
Visita il sito rinnovato su www.ricerchemaestre.it e prova a cercare qualcosa! La barra di ricerca è in bella evidenza al centro della pagina, pronta a guidare bambini, maestre e genitori tra i migliori siti della rete italiana dedicati alla scuola primaria.
Se usi il motore sul tuo sito scolastico o hai suggerimenti per il restyling, lascia un commento qui sotto — è sempre un piacere sentire il parere di chi usa queste risorse ogni giorno in classe.
Buona ricerca a tutti! — Maestro Alberto
