CityComm Srl · Tirocinio e tesi triennale
Laprendoconsport è un’iniziativa non profit di responsabilità sociale di CityComm Srl, azienda con sede a Livorno, dedicata allo sport, agli stili di vita sani e all’inclusione. Quando ho iniziato il tirocinio esisteva un logo preliminare, ma mancavano un’identità coordinata e una piattaforma. Il pubblico comprendeva famiglie, giovani e persone con disabilità o fragilità sociali, insieme a scuole e associazioni sportive.
Ho ridisegnato il logo e progettato l’intera piattaforma web, definendo pagine, grafica e funzionalità. Dai mockup condivisi con l’azienda sono passato allo sviluppo in WordPress, preparando una base che il team di comunicazione potesse gestire e aggiornare. Il lavoro è diventato anche il tema della mia tesi triennale, dedicata al rapporto tra identità visiva, sviluppo tecnico e comunicazione multicanale.
Ho mantenuto il gallo e il richiamo ai colori olimpici, riunendoli in un segno più compatto. Il nome si stacca dal simbolo e diventa più leggibile; le varianti permettono di usare il marchio su fondi e formati diversi.
Nel marchio preliminare il gallo è separato dai cinque cerchi, mentre il nome attraversa le superfici colorate. Ho lavorato su questa distanza tra simbolo e testo.
Il corpo giallo e le forme rosse, blu e verdi della coda riuniscono i colori in una sola figura. La parola “sport” in grassetto conclude il nome e ne mette in evidenza il tema.
Il giallo #FFA404 è il colore principale. Rosso, blu e verde riprendono il marchio e distinguono accenti e contenuti; il fondo scuro tiene insieme fotografie e messaggi.
Sport. Passione. Inclusione.
Il movimento come occasione di incontro.
Bricolage Grotesque dà carattere ai titoli; Noto Sans rende leggibili descrizioni e informazioni della pagina.
Ho organizzato il sito in Home, Impatto, Risorse, Partecipa e Su di noi. La struttura separa la presentazione del progetto, i contenuti sul benessere, gli eventi e le informazioni sul team. Calendario, articoli e raccolte fotografiche sono pensati per accompagnare le attività e i futuri aggiornamenti.
Ho scelto WordPress.org e il tema Astra come base modulare, intervenendo con HTML, CSS, PHP e JavaScript. Accanto alle animazioni della landing page ho sviluppato sei calcolatori dedicati al benessere, tra cui BMI, BMR e TDEE. La piattaforma combina così contenuti editoriali e piccoli strumenti interattivi.
Ho verificato i contrasti facendo riferimento alle indicazioni WCAG e usato PageSpeed Insights per controllare le prestazioni. Un piccolo test con quattro persone di profili diversi ha raccolto osservazioni sulla navigazione e sull’accesso ai contenuti: 22 attività completate su 24, con un tempo medio di 50 secondi. I feedback hanno guidato gli aggiustamenti dell’interfaccia.
Ho preparato esempi di contenuti social e un piano editoriale che distingue messaggi brevi e visivi, approfondimenti e comunicazione istituzionale. Colori, marchio e forme tornano nelle grafiche, collegandole al sito. Il piano comprende anche proposte per materiali offline e merchandising; i traguardi di pubblico e partecipazione descritti nella tesi sono obiettivi futuri.
Ho concluso il tirocinio consegnando una piattaforma con pagine e identità visiva definite, pronta per la gestione futura del team di comunicazione. È stata l’occasione per seguire un progetto dall’analisi del marchio allo sviluppo, fino alla proposta editoriale. La tesi raccoglie questo percorso.