Web design / dev.

Il Progetto e la Sfida P+ARTS è un ambizioso progetto che unisce le eccellenze accademiche italiane nel campo della ricerca artistica, della tecnologia e della sostenibilità (capeggiate da NABA). Sviluppato per conto dell’agenzia Punctum.studio, che ne ha curato la direzione artistica e il design, la mia sfida come sviluppatore è stata duplice: da un lato, restituire un’interfaccia utente fluida e perfettamente fedele al design fornito; dall’altro, architettare un sistema di gestione dei contenuti (CMS) in grado di reggere una complessità relazionale molto elevata.

Frontend: Navigazione immersiva e transizioni SPA Per rispettare l’impatto visivo e l’eleganza del design firmato Punctum.studio, ho adottato un approccio ibrido per il frontend. Integrando Swup.js, ho trasformato l’esperienza di navigazione classica di WordPress in quella di una Single Page Application (SPA), azzerando i tempi di ricaricamento delle pagine e offrendo una transizione fluida tra le sezioni. A questo ho combinato GSAP (GreenSock), curando nel minimo dettaglio le micro-interazioni e le animazioni di ingresso, garantendo un feeling moderno, accademico e al tempo stesso dinamico.

Backend: Un Ecosistema Relazionale Complesso Il vero cuore tecnico del progetto risiede nel motore backend sviluppato su WordPress. P+ARTS è un ecosistema che coinvolge 10 prestigiosi partner accademici, e il portale doveva riflettere questa rete. Ho ingegnerizzato un database fortemente relazionale tramite Custom Post Types e tassonomie avanzate, creando un sistema di associazione dinamico in cui:

• Ogni “Partner/Scuola” è un hub connesso a molteplici entità.
• Post, News, Attività, Eventi e video della “P+ARTS TV” sono cross-linkati in modo intelligente. Quando un utente visita la pagina di una specifica università, il sistema recupera e filtra in tempo reale tutti i contenuti (testuali, video, eventi) associati a quell’istituto.

Filtri Avanzati e Aree Riservate Per gestire la mole di contenuti scientifici e artistici, ho implementato un sistema di filtri avanzati asincroni, permettendo agli utenti di incrociare i dati per scuola, tipologia di attività o formato multimediale senza mai ricaricare la pagina. Inoltre, per rispondere alle esigenze operative dei partner, ho sviluppato un sistema di Aree Download personali: ogni università coinvolta nel progetto ha accesso a una propria dashboard riservata e personalizzata, da cui può scaricare materiale e documentazione specifica in modo sicuro e segmentato.

Il Risultato Il portale di P+ARTS è oggi il collettore digitale ufficiale del progetto europeo. Unisce la bellezza e il rigore visivo ideati da Punctum.studio con un’infrastruttura di sviluppo solida, capace di gestire e filtrare migliaia di connessioni logiche tra accademie, autori, video e ricerche scientifiche, senza mai rinunciare alle performance e alla fluidità.

Sito web realizzato per rinnovare l’immagine online dell’azienda e dando le giuste informazioni in modo chiaro e senza troppi click. Mantenendo la coerenza con l’identità aziendale di AIT.

La Sfida: Dare forma ai dati Advisio è una realtà specializzata in Business Intelligence, Big Data e Intelligenza Artificiale. Il settore dell’analisi dei dati, per quanto fondamentale per il business moderno (“Data Matter” è il loro claim), risulta spesso astratto e difficile da comunicare visivamente. La sfida era creare un’identità digitale e visiva che trasmettesse un immediato senso di avanguardia, autorevolezza e innovazione tecnologica, riuscendo al tempo stesso a far comprendere all’utente – in modo intuitivo – i vantaggi concreti dei servizi offerti.

Visual Identity: L’astratto diventa tangibile Il mio intervento è partito dalle fondamenta del brand. Ho curato la creazione dell’intera Visual Identity, sviluppando un linguaggio grafico coerente che è stato poi declinato non solo sul web, ma anche nei materiali offline (brochure, presentazioni aziendali). Il design system ideato gioca su linee pulite, tipografia moderna e contrasti decisi, posizionando Advisio come un partner tecnologico premium e affidabile.

Web Design e Sviluppo 3D: L’approccio immersivo Per tradurre visivamente il concetto di “dato grezzo che si trasforma in informazione perfetta”, ho integrato nel web design numerosi elementi realizzati in 3D tramite Blender. L’uso del 3D non è puramente estetico, ma funzionale allo storytelling (come il passaggio “dall’imperfezione del cubo alla purezza della sfera”, citato nel sito). Questi asset tridimensionali, uniti a layout dinamici e un sapiente uso dello spazio scuro (Dark Mode style), creano un’atmosfera tech e immersiva.

Sviluppo Backend: Affidabilità e Gestione Il sito è stato sviluppato custom su base WordPress. L’architettura è stata pensata per permettere al team di Advisio di gestire facilmente le diverse sezioni core dell’azienda: i servizi (Dall’AI al Custom Software), i prodotti proprietari (come le piattaforme per la GDO e l’Ecologia) e la vasta gamma di settori di riferimento (Industry 4.0, Healthcare, Retail, ecc.). L’ottimizzazione degli asset, in particolare di quelli 3D, garantisce una navigazione rapida e fluida.

Il Risultato Advisio ha oggi una presenza digitale (e un’immagine coordinata) che riflette esattamente il livello dei servizi che offre. Il sito web non è solo una vetrina, ma uno strumento di comunicazione che trasforma la complessità dei Big Data in una narrazione visiva affascinante, chiara e fortemente orientata al business.

Sito web sviluppato per lo studio Punctum per Agrisystem. Ecommerce sviluppato in wordpress con woocommerce personalizzato con animazioni e interazioni sul design fornito da Punctum.

Sito web sviluppato per la promozione del nuovo residence di un noto quartire di Roma.

Partiti da zero, abbiamo creato una visual identity per dare riconoscibilità al marchio, da questa abbiamo realizzato i 3 prodotti in perfetta coerenza e il sito web.

Sito web realizzato in wordpress basato sul design del designer Luca Ravanelli per l’azienda Elco SpA.

Sito web realizzato in wordpress personalizzato per una nuova realtà locale.

Sito web sviluppato per lo studio Punctum per Recanati e Restauro. Questo compone uno dei tre siti web del gruppo. Sviluppato in wordpress personalizzato con animazioni e interazioni sul design fornito da Punctum.

Sito web sviluppato per lo studio Punctum per Recanati e Restauro. Questo compone uno dei tre siti web del gruppo, quello principale di riferimento. Sviluppato in wordpress personalizzato con animazioni e interazioni sul design fornito da Punctum.

La Sfida: Digitalizzare l’Arte del Restauro Relic è un laboratorio d’eccellenza di Recanati specializzato nel restauro conservativo del patrimonio librario e documentario antico. Il design ideato da Punctum.studio richiedeva una trasposizione web capace di riflettere la delicatezza, la precisione e il prestigio del lavoro del cliente. La sfida principale è stata creare un ponte tra il fascino della storia e un’interfaccia digitale contemporanea, valorizzando l’impatto fotografico dei manufatti senza compromettere le performance.

Sviluppo Frontend: Eleganza, Tipografia e Fluidità Partendo dai layout di Punctum, ho sviluppato un frontend che fa dell’eleganza minimale il suo punto di forza. Ho prestato particolare attenzione al bilanciamento degli spazi bianchi e alla resa tipografica, elementi cruciali per far “respirare” i contenuti e incorniciare adeguatamente i dettagli dei restauri (pergamene, incisioni, manoscritti). Le interazioni e gli hover state sono stati codificati per risultare fluidi, misurati e mai invasivi, in perfetta sintonia con la natura meticolosa e paziente del restauro conservativo.

Struttura Backend: Gestione Portfolio e Multilingua Per rendere il cliente completamente autonomo nella gestione dei contenuti, ho ingegnerizzato un backend su base WordPress. Ho creato Custom Post Types specifici per separare logicamente le aree core del sito:

• Portfolio: Un sistema per caricare facilmente i casi studio (es. Psalterium Romanum, documenti d’archivio storici), strutturando il racconto fotografico prima e dopo gli interventi.
• Attività: Una sezione dinamica per gestire eventi, collaborazioni e progetti sul territorio. Il tutto è stato predisposto nativamente per supportare il bilinguismo (ITA/ENG), permettendo allo studio di interfacciarsi facilmente anche con istituzioni internazionali.

Il Risultato Il risultato è una vetrina digitale raffinata, veloce e altamente accessibile. Un progetto in cui lo sviluppo tecnico si mette silensiosamente al servizio dell’estetica ideata dall’agenzia, restituendo al cliente uno strumento di comunicazione solido, facile da aggiornare e perfettamente allineato al valore delle opere che preserva.

La Sfida Francesco Aureli Studio, una realtà multidisciplinare di Perugia specializzata in architettura, interior e product design, aveva bisogno di una nuova vetrina digitale che rispecchiasse la propria filosofia progettuale. La richiesta del cliente era chiara: creare un’esperienza dal forte taglio editoriale e immersivo, capace di valorizzare un portfolio ricco di progetti e render fotorealistici, mantenendo al contempo un’estetica moderna, pulita e minimale.

Design e User Experience: Un approccio editoriale Per rispondere all’esigenza del cliente, ho sviluppato un’interfaccia dove il layout minimale funge da cornice invisibile, lasciando che siano i contenuti visivi a parlare. Navigare il sito restituisce la stessa sensazione che si prova sfogliando una rivista di architettura d’alta gamma. L’assenza di distrazioni e l’uso sapiente dello spazio bianco (whitespace) permettono all’utente di immergersi completamente nei dettagli di ogni progetto, dalle ristrutturazioni residenziali fino al retail e al brand design.

Tecnologia e Animazioni: Fluidità e Immersività Il vero cuore tecnologico del progetto risiede nel modo in cui l’utente interagisce con la pagina. Ho utilizzato WordPress come base solida e flessibile per garantire al cliente la massima autonomia nell’aggiornamento dei contenuti.

Per creare l’effetto immersivo richiesto, ho integrato Swup per la gestione delle transizioni di pagina. Questo ha permesso di eliminare i classici e fastidiosi ricaricamenti, conferendo al sito la fluidità tipica di una Single Page Application (SPA). A questo ho affiancato GSAP (GreenSock Animation Platform) per curare nel dettaglio le micro-interazioni e le animazioni allo scroll. I movimenti degli elementi sono fluidi, organici e mai invasivi, pensati per accompagnare la narrazione visiva in modo elegante.

Performance: Ottimizzazione senza compromessi La vera sfida tecnica di questo progetto è stata far convivere un design ad alto impatto visivo (caratterizzato da decine di immagini e render in alta risoluzione) con animazioni complesse, mantenendo tempi di caricamento fulminei. Attraverso un rigoroso lavoro di ottimizzazione degli asset, l’implementazione del lazy loading avanzato e una scrittura del codice pulita ed essenziale, ho garantito prestazioni eccellenti. Il sito risulta estremamente reattivo e scattante su qualsiasi dispositivo, dimostrando che non è necessario sacrificare le performance sull’altare dell’estetica.

Il Risultato Il risultato finale è un sito web che è molto più di un semplice portfolio: è una vera e propria estensione digitale dello studio Francesco Aureli. Un perfetto equilibrio tra rigore architettonico, creatività visiva e soluzioni di sviluppo all’avanguardia.

Sito web in wordpress personalizzato realizzato.

Sito web realizzato su misura in wordpress per Jasmina Martiradonna, fotografa di Milano che aveva la necessità di dare coerenza al sito web dandogli lo stile del proprio porfolio.

Sito web archivio realizzato in wordpress su misura per le esigenze del cliente con logiche di gestione realizzate ad-hoc. Progetto sviluppato per lo studio Punctum sul design fornito da Punctum.

Sito web realizzato in wordpress su misura sviluppato per lo studio Punctum sul design fornito da Punctum.

Sito web realizzato in wordpress per mostrare tutti i prodotti di Preco.

Sito web portfolio realizzato sul design di Punctum.

Sito web personalizzato realizzato per Thomas Pagani sul design fornito.

Sito web personalizzato sul design del designer Luca Ravanelli.

Sito web realizzato su misura in wordpress per il cliente partendo dalla loro brand identity.

Sito web realizzato sul design del designer Luca Ravanelli

La Sfida Hurbo aveva bisogno di una piattaforma digitale che potesse gestire e valorizzare il proprio vastissimo catalogo. La richiesta del cliente era chiara: creare un’esperienza di navigazione fluida e all’avanguardia, capace di organizzare in modo logico oltre 500 prodotti, fornendo agli utenti un accesso immediato a tutte le informazioni – incluse quelle tecniche – e semplificando drasticamente il lavoro di gestione interna del database.

Design e User Experience: Chiarezza e Navigazione Intuitiva Per rispondere all’esigenza del cliente, ho sviluppato un’interfaccia dove la struttura organizzativa e la facilità di fruizione sono al centro del progetto. Navigare il sito restituisce la sensazione di consultare un catalogo interattivo di altissimo livello. L’architettura dell’informazione è stata studiata per permettere all’utente di immergersi completamente nella pagina prodotto: qui, i dettagli descrittivi e le specifiche tecniche convivono in totale armonia, rendendo la consultazione chiara, esaustiva e priva di distrazioni.

Tecnologia e Sviluppo: Fluidità e Automazione Il vero cuore tecnologico del progetto risiede nel complesso motore di gestione dei dati e nel modo in cui l’utente interagisce con l’interfaccia. Ho utilizzato WordPress come base, sviluppando un’infrastruttura customizzata per supportare un sistema di importazione massiva che ha permesso di caricare e organizzare automaticamente tutti gli oltre 500 prodotti. Per garantire un’interazione moderna e senza interruzioni, l’intero sito è stato sviluppato come una Single Page Application (SPA). Questo approccio ha permesso di eliminare i classici e fastidiosi ricaricamenti della pagina, conferendo alla transizione tra le varie schede prodotto una fluidità eccezionale.

Performance e Funzionalità: Ottimizzazione senza compromessi La vera sfida tecnica di questo progetto è stata gestire una mole di dati imponente automatizzando i flussi di lavoro aziendali, mantenendo al contempo il sito leggero e immediato. Invece di appesantire il database e costringere il cliente a un interminabile data entry manuale, ho realizzato un sistema avanzato per la generazione di PDF dinamici. Per ogni singolo articolo, il sito è in grado di compilare e generare in tempo reale un documento scaricabile contenente tutte le informazioni commerciali e tecniche. In questo modo, non è stato necessario creare e caricare un singolo file PDF per ciascuno degli oltre 500 prodotti, garantendo prestazioni eccellenti e un enorme risparmio di tempo e risorse.

Il Risultato Il risultato finale è un sito web che è molto più di una semplice vetrina prodotti: è un potente ecosistema digitale e un vero strumento di lavoro per Hurbo. Un perfetto equilibrio tra ricchezza di dati, fluidità di navigazione e soluzioni di sviluppo all’avanguardia pensate per l’automazione dei processi.