Skip to main content
web Alive 2026

OnStage APS - Piattaforma associativa

Digitalizing an APS: members, events and third-sector community

Digital platform for OnStage APS in the Salento: online membership with Stripe, members' area, event management and community, with agents and gamification for associative life.

OnStage APS - Piattaforma associativa - anteprima principale del progetto
ClientOnStage APS - Botrugno (LE), Salento
RoleFull-stack development and design, digitization of associative processes
Year2026

Highlights

  • End-to-end digitalization of a third sector APS (Botrugno, Salento), registered with RUNTS.
  • Online registration in 3 steps (category, data, confirmation) with secure payment via Stripe.
  • Private area for socials: ticket management, events, and communications in one space
  • Event management with dedicated login and calendar of upcoming appointments
  • Agents on-prem (Ollama, €0, privacy-first) for automating association processes (roadmap)
  • Gamification layer (points, badges, levels, check-in events) for a more dynamic associative life (roadmap)
  • Design for mobile first, suitable touch targets and optimized performance for young audiences.
  • Search engine optimization (SEO): indexed content, meta tags and structured data for association visibility.

What is

Piattaforma web ufficiale di OnStage APS, associazione di promozione sociale di Botrugno (LE) nel Salento, attiva su hip-hop, breakdance, street art e cultura urbana (festival RestArt e Salento Block Battle). Online su onstageaps.com.

L'obiettivo del progetto è portare un'associazione del terzo settore dalla gestione manuale a un ecosistema digitale unico: sito, tesseramento, gestione soci ed eventi, con una roadmap di automazione tramite agenti e di gamification per la partecipazione.

Association Process Digitization

Il cuore del progetto è la trasformazione digitale delle procedure quotidiane di un'APS, oggi tipicamente gestite via carta, chat e fogli di calcolo:

  • Tesseramento online: flusso a 3 step (scelta categoria, inserimento dati, conferma) con pagamento sicuro via Stripe, che sostituisce moduli cartacei e incassi manuali.
  • Anagrafica e gestione soci: archivio digitale delle tessere, delle quote e dello stato di adesione, con area riservata per ogni socio.
  • Gestione eventi: calendario dei prossimi appuntamenti, pagine evento e login dedicato per l'accesso.
  • Comunicazione: canali social integrati e pagine istituzionali (chi siamo, contatti) con mappa e modulo di contatto.
  • Conformità: impostazione allineata al Codice del Terzo Settore (APS iscritta al RUNTS), con privacy e termini dedicati.

Associative Process Agents

La roadmap prevede l'introduzione di agenti software basati su Ollama on-prem (modello locale, costo €0, dati che non lasciano il server) per alleggerire il lavoro dei volontari e rendere i processi ripetibili:

  • Onboarding soci: un agente guida la nuova adesione, risponde alle domande su quote e categorie e prepara la pratica di tesseramento.
  • Assistenza community: risposte automatiche alle FAQ dei soci (eventi, tessera, regolamenti) con citazione della fonte interna verificata.
  • Gestione eventi: bozze di comunicati, descrizioni evento e post social generati a partire dai dati dell'appuntamento, sempre revisionati da una persona.
  • Reportistica: sintesi periodiche su adesioni, partecipazione e andamento delle campagne di tesseramento.

Coerentemente con l'impostazione privacy-first del progetto, gli agenti sono di accompagnamento: propongono e automatizzano, la decisione resta all'associazione.

Gamification: a more dynamic associative life

Per un'associazione culturale il vero valore è la partecipazione. Il progetto introduce dinamiche di gamification pensate per trasformare i soci da spettatori a protagonisti:

  • Punti e livelli: ogni azione (rinnovo tessera, presenza a un evento, volontariato, contributo creativo) accumula punti che fanno crescere il profilo del socio.
  • Badge e riconoscimenti: distintivi digitali per traguardi e ruoli (b-boy, writer, MC, organizzatore) che valorizzano l'identità della community.
  • Check-in agli eventi: QR e check-in che premiano la presenza e alimentano una classifica amichevole tra soci.
  • Sfide e missioni: obiettivi stagionali legati a festival e battle per stimolare il coinvolgimento continuo.
  • Ricompense: vantaggi reali (accessi prioritari, merchandising, esperienze) sbloccati con i punti, per chiudere il cerchio tra engagement e valore.

L'obiettivo è misurabile: più rinnovi, più presenza agli eventi e una community più attiva durante tutto l'anno, non solo nelle date dei festival.

SEO, mobile-first and performance

  • Server-Side Rendering per contenuti indicizzabili e first paint veloce
  • Meta tag, dati strutturati e sitemap per la visibilità dell'associazione sui motori di ricerca
  • Design mobile-first (il pubblico è prevalentemente giovane e su smartphone), con touch target adeguati e navigazione semplice
  • Immagini ottimizzate e caching aggressivo degli asset statici
  • Accessibilità e contrasto curati sul tema scuro ad alto impatto del brand

Visit the site

La piattaforma è online e in continua evoluzione. Scopri l'associazione, gli eventi e come tesserarti:

Full technology stack

LevelTechnologyAnnotation
FrameworkNext.jsApp Router, SSR per SEO e first paint
UIReact + Tailwind CSSDesign system mobile-first
LinguaggioTypeScript strict-
BackendSupabase (Postgres + Auth + RLS)Anagrafica soci, eventi, area riservata
PagamentiStripeTesseramento online e quote associative
AgentiOllama on-premAutomazione processi associativi (roadmap)
GamificationMotore punti/badge/livelliEngagement soci (roadmap)

Main technologies

Next.jsReactTypeScriptTailwind CSSStripeSupabaseSSR / SEOOllama (on-prem)

Project Gallery

Project link

Other projects