Olimpia Bottoni

Il portale ufficiale della squadra della 4ªC del Liceo Statale Pietro Bottoni nel progetto Olimpia@School.

VisitaRepository

Il Progetto Olimpia@School

L'obiettivo del progetto, organizzato da Olimpia Milano, è trasformare la classe in una vera e propria società sportiva, simulando ruoli manageriali, divisioni operative e squadre, con coach, DS e giocatori. Il sito funge da vetrina per questa attività, gestendo la comunicazione con i supporter insieme alla pagina Instagram della squadra.

Funzionalità e UX

Il sito è stato progettato con un focus sull'impatto visivo e sulla funzionalità legata al contest scolastico:

• Team Page Animata": Una sezione dedicata alla presentazione dei ruoli (Manager, Media Team, Ticketing Team, Sport Team, etc...) realizzata con un'animazione frame-by-frame legata allo scroll, che rende l'ingresso dei membri del team dinamico e cinematografico.
• Integrazione Ticketing: Collegamenti diretti a TicketOne per match specifici dell'Olimpia Milano. Questo sistema è fondamentale per tracciare le vendite e accumulare punti nella "ticketing race" contro altri istituti.
• Struttura Statica: Per garantire la massima velocità e semplicità di manutenzione durante il progetto, i dati (partite, news, roster) sono hardcoded direttamente nel codice.
• Classifica: Per mostrare al mondo gli ottimi risultati delle nostre squadre maschili e femminili.

Stack Tecnologico

Il progetto è costruito su un'architettura moderna e serverless:

• Next.js: Framework React utilizzato per la generazione di un sito statico performante.
• Tailwind CSS & Shadcn UI: Per un design pulito, responsive e coerente.
• Vercel: Hosting per il deploy tramite Github Actions.