Leica Florian Robert

<< Înapoi la proiecte

The Full Project — studiu de caz

Rol: CTO, dezvoltare și IT. An: 2023.

Premiu: Compasso d'Oro Internațional 2025, cu GeneraliAct4Green.

Site: thefullproject.it

CTO, dezvoltator și IT într-o agenție web: site-uri, aplicații web și e-commerce, plus infrastructura care le pune online și le ține în funcțiune.

Vezi acest studiu de caz cu motorul Legacy. Pentru a-l vedea așa cum a fost proiectat, activează randarea nativă mai jos.

Totul de mână

Când am ajuns, site-urile erau aproape toate în WordPress, pe câteva servere ale căror chei și permisiuni se pierduseră, și se publicau de mână: fișiere transferate prin FTP, câte o lansare pe rând.

Gestionarea serverelor a trecut apoi la o firmă externă, dar cu timpul s-a văzut că așa nu se putea gestiona. În final agenția mi-a încredințat-o în întregime mie.

Plecare din mers

M-au chemat pentru o urgență: platforma Volersi Benessere trebuia dezvoltată de la zero și livrată la timp. În august și septembrie, împreună cu un partener, am construit-o cu Laravel și Statamic și am livrat-o în termen.

Un model pentru toate site-urile

Statamic a devenit baza și pentru alte site-uri, precum Alpha Omega, Mipharm și Doppel.

Apoi am trecut la Nuxt și Directus și am făcut din ele un standard: două modele de pornire, unul pentru CMS și unul pentru frontend, cu aceeași structură, aceleași scripturi și aceleași pachete. Fiecare site nou pornește de la o bază comună în loc de la zero: mai puțin timp pentru început, mai mult timp pentru proiect.

Cu acest sistem am refăcut câteva site-uri ale grupului Qubit, din care face parte The Full Project: printre altele Qubit, GPF și Carmi e Ubertis.

Ce am dezvoltat

• Site-uri web, de la un design în Figma la dezvoltare și publicare.
• Animații pe măsură în fiecare site, scrise pentru proiect și nu luate dintr-o temă.
• Toate site-urile 100% responsive, de pe telefon până pe ecranul mare.
• Aplicații web pe măsură.
• PWA, care se instalează pe telefon ca o aplicație.
• E-commerce, făcut pe măsură sau cu Shopify în culise.
• Panouri de administrare pe măsură pentru clienți.
• Laravel și Statamic pe backend, Vue și Nuxt pe frontend, Directus ca CMS headless.

Kilocal, de la capăt

Site-ul Kilocal refăcut de la zero cu Nuxt și Directus, aducând pe noua platformă și clienții celei vechi.

Odată cu noul plan Kilocal au venit funcții noi, printre care ghidurile video, care se actualizează în funcție de cât a văzut deja utilizatorul. Apoi magazinul și, mai târziu, aplicația.

Două magazine, două drumuri

• Kilocal: un magazin făcut în întregime de noi, pe măsură.
• Volersi Benessere: în culise este Shopify, prin API-urile lui, dar interfața este a noastră.

Imobilele iResales

Pentru iResales, o firmă imobiliară, un sistem care adună imobilele de pe immobiliare.it și din software-ul lor intern, le încarcă în Directus și le afișează pe site.

Oasi Gregorina, înainte, în timpul și după vizită

Pentru Oasi Gregorina nu doar un site, ci tot ce însoțește vizita, legat de același CMS:

• site-ul, accesibil la nivelul AA și responsive;
• rezervarea online: gestionarea zilnică a vizitatorilor, limita de intrări, grupuri, e-mailuri de confirmare și de reamintire;
• un memory game pe site;
• o pagină pentru totemul oazei, cu monitorizarea polenizatorilor și selfie-ul de amintire;
• o pagină gândită pentru tabletă, unde se poate lăsa un mesaj sau un desen despre oază;
• o PWA pe care vizitatorii o folosesc în timpul vizitei ca să facă fotografii și să-și povestească experiența.

Compasso d'Oro Internațional

Cu GeneraliAct4Green, programul de sustenabilitate al Generali din care face parte Oasi Gregorina, Generali a câștigat pentru prima dată Compasso d'Oro Internațional, decernat la Pavilionul Italiei de la Expo 2025 Osaka.

Proiectul s-a născut în grupul Qubit: cercetarea de piață a Gpf, marca și identitatea vizuală a Carmi e Ubertis și ecosistemul digital al The Full Project, pe care l-am dezvoltat eu.

Premiul recunoaște o platformă digitală devenită un spațiu de sensibilizare și implicare pentru un viitor mai sustenabil și mai incluziv. În spate sunt alegeri precise:

• accesibilitate gândită de la început, nu adăugată la final;
• cod și conținut optimizate ca să consume mai puțin, și dark mode pentru a reduce și mai mult consumul;
• datele de la senzorii instalați în zonele naturale, pentru a urmări proiectele de sustenabilitate.

20 de servere, o singură metodă

Douăzeci de servere, toate droplet-uri pe DigitalOcean: 16 de producție, de obicei unul pe firmă, cu toate aplicațiile ei, și 4 de staging comune proiectelor. Configurarea și deploy-ul au trecut întâi prin Laravel Forge și apoi, complet, prin Cleavr: niciun server configurat de mână, fiecare construit la fel.

De la push la producție

Se lucrează pe branch-ul dev, care nu ajunge online. Fiecare lansare este o versiune creată cu release-it: un tag pre-release pe branch-ul staging, un tag release pe main. Cleavr ascultă aceste două branch-uri și, când sosește push-ul cu tag, pornește CI-ul, face build-ul lansării și o publică pe droplet-ul de staging sau pe cel de producție, fără downtime. În fiecare zi Cleavr salvează baza de date și fișierele site-urilor din producție pe DigitalOcean Spaces, iar Sentry verifică dacă sunt accesibile.

• Fiecare lansare este o versiune cu tag-ul ei: tag-ul pornește deploy-ul, fără FTP și fără pași manuali.
• Branch-ul decide unde ajunge: dev pentru lucru, staging pentru serverul de test, main pentru producție.
• Fiecare proiect are mediul lui de test, pe un subdomeniu al agenției, unde modificările se văd înainte de a ajunge online.
• Scripturi care mută schema CMS-ului, fișierele încărcate și baza de date între calculator, test și producție: se lucrează mereu pe date reale.
• Deploy fără întreruperi: site-ul rămâne online cât se actualizează.
• Backup zilnic al bazei de date și al fișierelor tuturor site-urilor din producție, pe DigitalOcean Spaces.
• Monitorizare cu Sentry: dacă un site nu răspunde, vine imediat un e-mail.
• DNS, certificate SSL și email: toate gestionate de mine.

O agenție autonomă

• Site-uri create și publicate mai repede și cu o calitate mai bună.
• Nicio întrerupere a serviciului.
• Costuri previzibile pentru servere.
• Nicio dependență de firme externe: de la idee la dezvoltare și publicare, totul intern.
• Mai multe proiecte gestionate în paralel, tot mai complexe.