Leica Florian Robert

Professione: Sviluppatore Web & Mobile

È un esperimento: il sito come sarebbe stato negli anni '90. Per vedere quello vero, premi il pulsante in fondo alla pagina.


<< Torna ai progetti

The Full Project — case study

Ruolo: CTO, sviluppo e IT. Anno: 2023.

Premio: Compasso d'Oro Internazionale 2025, con GeneraliAct4Green.

Sito: thefullproject.it

CTO, sviluppatore e IT in una web agency: siti, web app ed e-commerce, e l'infrastruttura che li porta online e li tiene in piedi.

Stai vedendo questo case study con il motore Legacy. Per vederlo come è stato progettato, attiva il rendering nativo qui sotto.

Tutto a mano

Quando sono arrivato i siti erano quasi tutti in WordPress, su pochi server di cui si erano perse anche chiavi e permessi, e si pubblicavano a mano: file trasferiti via FTP, un rilascio alla volta.

La gestione dei server è passata poi a un'azienda esterna, ma col tempo si è visto che così non era gestibile. Alla fine l'agenzia l'ha affidata interamente a me.

Partenza in corsa

Mi hanno chiamato per un'urgenza: la piattaforma di Volersi Benessere andava sviluppata da zero e consegnata in tempo. Ad agosto e settembre, insieme a un partner, l'abbiamo costruita con Laravel e Statamic, e consegnata nei tempi.

Un modello per tutti i siti

Statamic è diventato la base anche di altri siti, come Alpha Omega, Mipharm e Doppel.

Poi sono passato a Nuxt e Directus, e ne ho fatto uno standard: due modelli di partenza, uno per il CMS e uno per il frontend, con la stessa struttura, gli stessi script e gli stessi pacchetti. Ogni sito nuovo parte da una base comune invece che da zero: meno tempo per cominciare, più tempo per il progetto.

Con questo sistema abbiamo rifatto alcuni siti del gruppo Qubit, di cui The Full Project fa parte: tra gli altri Qubit, GPF e Carmi e Ubertis.

Cosa ho sviluppato

  • Siti web, partendo da un Figma, allo sviluppo e alla messa online.
  • Animazioni su misura in ogni sito, scritte per il progetto e non prese da un tema.
  • Tutti i siti 100% responsive, dal telefono al grande schermo.
  • Web app su misura.
  • PWA, installabili sul telefono come un'app.
  • E-commerce, fatti su misura o con Shopify dietro le quinte.
  • Pannelli di gestione su misura per i clienti.
  • Laravel e Statamic sul backend, Vue e Nuxt sul frontend, Directus come CMS headless.

Kilocal, da capo

Il sito di Kilocal rifatto da zero con Nuxt e Directus, portando sulla nuova piattaforma anche i clienti di quella vecchia.

Con il nuovo piano Kilocal sono arrivate funzioni nuove, tra cui le video guide, che si aggiornano in base a quanto l'utente ha già visto. Poi il negozio e, più tardi, l'app.

Due negozi, due strade

  • Kilocal: un negozio fatto interamente da noi, su misura.
  • Volersi Benessere: dietro le quinte c'è Shopify, con le sue API, ma l'interfaccia è nostra.

Gli immobili di iResales

Per iResales, un'azienda immobiliare, un sistema che raccoglie gli immobili da immobiliare.it e dal loro software interno, li carica in Directus e li mostra sul sito.

Oasi Gregorina, prima, durante e dopo la visita

Per l'Oasi Gregorina non solo un sito, ma tutto quello che accompagna la visita, collegato allo stesso CMS:

  • il sito, accessibile di livello AA e responsive;
  • la prenotazione online: gestione giornaliera delle persone, limite di entrate, gruppi, email di conferma e promemoria;
  • un memory game sul sito;
  • una pagina per il totem dell'oasi, con il monitoraggio degli impollinatori e il selfie ricordo;
  • una pagina pensata per tablet, dove lasciare un messaggio o un disegno sull'oasi;
  • una PWA che i visitatori usano durante la visita per scattare foto e raccontare la propria esperienza.

Compasso d'Oro Internazionale

Con GeneraliAct4Green, il programma di sostenibilità di Generali di cui fa parte l'Oasi Gregorina, Generali ha vinto per la prima volta il Compasso d'Oro Internazionale, consegnato al Padiglione Italia di Expo 2025 Osaka.

Il progetto è nato nel gruppo Qubit: la ricerca di mercato di Gpf, la marca e l'identità visiva di Carmi e Ubertis, e l'ecosistema digitale di The Full Project, che ho sviluppato io.

Il premio riconosce una piattaforma digitale diventata uno spazio di sensibilizzazione e coinvolgimento verso un futuro più sostenibile e inclusivo. Dietro ci sono scelte precise:

  • accessibilità pensata fin dall'inizio, non aggiunta alla fine;
  • codice e contenuti ottimizzati per consumare meno, e la dark mode per ridurre ancora i consumi;
  • i dati dei sensori installati nelle aree naturali, per seguire i progetti di sostenibilità.

20 server, un solo metodo

Venti server, tutti droplet su DigitalOcean: 16 di produzione, di solito uno per azienda con dentro tutte le sue applicazioni, e 4 di staging condivisi tra i progetti. Configurazione e deploy sono passati prima da Laravel Forge e poi, del tutto, da Cleavr: nessun server configurato a mano, ognuno costruito allo stesso modo.

Dal push alla produzione

Si lavora sul branch dev, che non va online. Ogni rilascio è una versione creata con release-it: un tag pre-release sul branch staging, un tag release su main. Cleavr è in ascolto su questi due branch e, quando arriva il push con il tag, avvia la CI, builda la release e la pubblica sul droplet di staging o su quello di produzione, senza downtime. Ogni giorno Cleavr salva database e file dei siti in produzione su DigitalOcean Spaces, e Sentry controlla che siano raggiungibili.

  • Ogni rilascio è una versione con il suo tag: è il tag ad avviare il deploy, niente FTP e niente passaggi a mano.
  • Il branch decide dove va: dev per lavorare, staging per il server di prova, main per la produzione.
  • Ogni progetto ha il suo ambiente di prova, su un sottodominio dell'agenzia, dove le modifiche si vedono prima di andare online.
  • Script per portare schema del CMS, file caricati e database tra il computer, la prova e la produzione: si lavora sempre su dati veri.
  • Deploy senza interruzioni: il sito resta online mentre si aggiorna.
  • Backup ogni giorno di database e file di tutti i siti in produzione, su DigitalOcean Spaces.
  • Monitoraggio con Sentry: se un sito non risponde, arriva subito un'email.
  • DNS, certificati SSL ed email: tutto seguito da me.

Un'agenzia autonoma

  • Siti creati e pubblicati più velocemente e con più qualità.
  • Nessun disservizio.
  • Costi dei server prevedibili.
  • Nessuna dipendenza da aziende esterne: dall'idea allo sviluppo alla pubblicazione, tutto interno.
  • Più progetti gestiti insieme, e sempre più complessi.

Ottimizzato per Netscape Navigator 4.0 — 800×600

Privacy Policy