Università Castrense

Università Castrense — Il progetto
Il progetto

Il progetto riguarda la riprogettazione del sito web dedicato all’Università Castrense, realizzato durante la collaborazione con Layer3.

Il sito precedente, che il cliente apprezzava per il suo impianto grafico, non era più disponibile a seguito di un problema tecnico. L’obiettivo non era quindi ripartire completamente da zero, ma recuperare e mantenere il carattere visivo che aveva già funzionato, trovando al tempo stesso un nuovo equilibrio tra identità grafica, leggibilità e facilità di utilizzo.

Il lavoro ha quindi richiesto un intervento di mediazione tra continuità e rinnovamento: conservare l’impostazione visiva riconoscibile del progetto precedente, ma ripensarne struttura, gerarchie e navigazione per renderlo più chiaro e accessibile.

Un archivio da rendere accessibile

Il punto di partenza è stato un patrimonio di contenuti storico-documentali molto ampio, che doveva essere nuovamente organizzato all’interno del sito senza perdere la ricchezza dell’impostazione originale.

La sfida è stata trovare una struttura che permettesse di conservare il carattere del progetto precedente, migliorando però il modo in cui le informazioni vengono consultate.

La nuova organizzazione distingue con maggiore chiarezza i diversi nuclei di contenuto — storia, strutture, luoghi, persone e archivio — e costruisce percorsi di navigazione più intuitivi. L’obiettivo è rendere il patrimonio facilmente esplorabile anche da chi non conosce già il progetto.

Il linguaggio visivo

Il linguaggio visivo del sito precedente è stato considerato un punto di partenza e non un elemento da sostituire.

Il progetto cerca quindi un equilibrio tra la grafica già riconoscibile e le esigenze di un sito contemporaneo: mantenere l’atmosfera e il carattere storico dell’identità esistente, intervenendo invece sulla composizione delle pagine, sulla gerarchia tipografica, sulle spaziature e sulla distribuzione dei contenuti.

La grafica viene così utilizzata per sostenere la lettura e l’orientamento, evitando che l’aspetto visivo renda più difficile la consultazione di un patrimonio di informazioni molto articolato.

Struttura e contenuti

Uno degli aspetti centrali del progetto è stato trasformare una grande quantità di informazioni in un sistema più semplice da consultare.

La struttura è stata ripensata per permettere all’utente di capire rapidamente dove si trova e quale percorso può seguire, mantenendo al tempo stesso i diversi livelli di approfondimento.

Storia, strutture, luoghi, persone e archivio diventano sezioni riconoscibili e collegate tra loro. In questo modo è possibile passare dalla consultazione generale all’approfondimento specifico senza perdere l’orientamento all’interno del sito.

Tipografia Marioni

Tipografia Marioni — Il progetto
Il progetto

Il progetto è stato realizzato all’interno del progetto regionale “Ambiente Contemporaneo 2024” promosso dall’Associazione Constraint ETS.

Il progetto nasce dalla volontà di accompagnare Tipografia Marioni in un percorso di rinnovamento della propria presenza digitale, mantenendo il legame con la storia dell’azienda ma costruendo un’immagine più contemporanea.

Contesto

Tipografia Marioni è una realtà con una storia consolidata nel settore della stampa e della tipografia. Il progetto si inserisce in una fase in cui l’azienda sceglie di distaccarsi progressivamente da un’immagine legata esclusivamente alla tradizione, senza però rinunciare al patrimonio di competenze e alla dimensione artigianale che la caratterizzano.

Il progetto

Dopo il precedente rifacimento del sito, realizzato nel 2020, l’obiettivo è stato costruire una presenza digitale più attuale e rappresentativa dell’evoluzione dell’azienda.

La nuova identità visiva e la parte grafica del brand sono state sviluppate internamente da Tipografia Marioni. Il mio intervento si è concentrato sulla progettazione del sito, lavorando sulla struttura dei contenuti, sulla navigazione e sulla loro traduzione in un’esperienza digitale coerente con la nuova direzione.

Approccio

Il punto centrale del progetto è stato trovare un equilibrio tra storia e innovazione: raccontare l’esperienza e la tradizione della tipografia senza restituire un’immagine datata o eccessivamente legata al passato.

La progettazione ha quindi dato particolare attenzione alla gerarchia delle informazioni e ai percorsi di navigazione, con l’obiettivo di rendere il sito più leggibile e immediato e di permettere all’utente di orientarsi con facilità tra servizi, competenze e contenuti dell’azienda.

Obiettivo

Il risultato è un sito pensato per comunicare contemporaneamente esperienza, competenza e cura del dettaglio, ma attraverso un linguaggio digitale contemporaneo. La storia dell’azienda non viene nascosta: diventa parte di un’identità più attuale, capace di raccontare il carattere artigianale di Marioni senza apparire polverosa.

Tendenza Tende

Tendenza Tende — Il progetto
Il progetto

Il progetto nasce dall’esigenza di affiancare al sito vetrina già esistente di Tendenza Tende una vera componente e-commerce, mantenendo la riconoscibilità dell’attività ma introducendo uno strumento di vendita online autonomamente gestibile.

Contesto

Tendenza Tende opera nel settore delle soluzioni per interni ed esterni, con tende personalizzate, tende da sole, pergole, bioclimatiche e sistemi di chiusura. Il sito esistente aveva una funzione principalmente informativa; la nuova esigenza era trasformarlo in uno strumento capace di supportare anche la vendita online.

Il progetto

L’intervento ha riguardato la progettazione e lo sviluppo dello shop online, organizzando prodotti, categorie e contenuti in modo da rendere più semplice la consultazione e l’acquisto.

L’obiettivo non era soltanto aggiungere un catalogo, ma costruire un ambiente digitale che potesse essere aggiornato e gestito direttamente dal cliente, senza dipendere continuamente dal progettista per l’inserimento e la modifica dei contenuti.

Approccio

Particolare attenzione è stata dedicata alla chiarezza della struttura e alla facilità di gestione del back-end. La progettazione ha cercato un equilibrio tra esigenze commerciali e comunicazione del prodotto, mantenendo il sito coerente con la presenza digitale già esistente.

Obiettivo

Il risultato è uno strumento che amplia il ruolo del sito da semplice vetrina a canale operativo per la vendita online, lasciando al cliente autonomia nella gestione quotidiana del catalogo e dei contenuti.

Tecnoserre

Tecnoserre — Il progetto
Il progetto

Il progetto nasce dalla necessità di dare a Tecnoserre una presenza digitale più chiara e riconoscibile, capace di presentare in modo efficace un’offerta tecnica articolata e di accompagnare l’utente verso la richiesta di preventivo.

Contesto

Tecnoserre è un’azienda di Palmanova specializzata in coperture modulari per automobili. La proposta comprende diversi modelli e configurazioni, rendendo fondamentale una struttura web capace di organizzare informazioni tecniche e possibilità di scelta.

Il progetto

Il lavoro ha riguardato la progettazione e lo sviluppo del sito, con particolare attenzione alla presentazione dell’azienda, dei prodotti, delle realizzazioni e dei servizi.

La struttura è stata organizzata per accompagnare l’utente dalla comprensione del prodotto fino al contatto, rendendo più immediata la consultazione delle diverse soluzioni e la richiesta di un preventivo.

Approccio

La progettazione ha lavorato sulla gerarchia dei contenuti e sulla distinzione tra le diverse tipologie di coperture, trasformando una quantità significativa di informazioni tecniche in percorsi di navigazione più leggibili.

Lo stile grafico è stato costruito per dare al progetto una propria riconoscibilità, mantenendo al tempo stesso un linguaggio adatto a un’azienda tecnica e produttiva.

Obiettivo

Il risultato è un sito che mette in relazione identità, contenuto tecnico e funzione commerciale, rendendo più comprensibile l’offerta e facilitando il passaggio dalla consultazione alla richiesta di contatto.

Studio Tosatto

Studio Tosatto — Il progetto
Il progetto

Il progetto riguarda la progettazione di una nuova presenza digitale per Studio Tosatto, realtà con esperienza pluridecennale attiva in Friuli Venezia Giulia nell’ambito dell’architettura, dell’edilizia e dei servizi per il territorio. Il sito riunisce progetti, servizi, informazioni sullo studio e collaborazioni in una struttura più leggibile e contemporanea.

Contesto

Studio Tosatto opera in ambito regionale ed extra-regionale e offre servizi che comprendono progettazione architettonica, pratiche edilizie e catastali, direzione lavori e coordinamento della sicurezza, stime e perizie, oltre ad attività legate all’urbanistica, ai beni culturali e alla paesaggistica.

Il progetto

Il lavoro ha riguardato la progettazione e lo sviluppo del sito, organizzando in modo più chiaro una gamma ampia di competenze e contenuti.

Particolare attenzione è stata dedicata alla navigazione tra Progetti, Servizi, Chi siamo, Contatti e Collaborazioni, costruendo una struttura che permettesse di comprendere rapidamente la natura dello studio e i servizi offerti.

Approccio

Il progetto parte dalla necessità di dare allo studio uno stile digitale proprio, evitando il linguaggio standardizzato spesso associato ai siti professionali. La grafica e la struttura lavorano insieme per rendere più leggibile un’attività che comprende competenze diverse e una rete di professionisti e consulenti.

Obiettivo

Il risultato è una presenza digitale essenziale e riconoscibile, in cui identità visiva, organizzazione dei contenuti e navigazione contribuiscono a raccontare lo studio come una realtà professionale articolata, capace di occuparsi di architettura, edilizia e territorio.

Sintesi

Il risultato è una presenza digitale essenziale e riconoscibile, in cui identità visiva, organizzazione dei contenuti e navigazione contribuiscono a raccontare lo studio come una realtà professionale articolata, capace di occuparsi di architettura, edilizia e territorio.

SISSG – Società Italiana per lo Studio delle Sostanze Grasse

SISSG – Società Italiana per lo Studio delle Sostanze Grasse — Contesto
Contesto

La SISSG è una società scientifica fondata nel 1960 con l’obiettivo di favorire e diffondere la conoscenza scientifica e tecnica delle sostanze grasse e mettere in relazione studiosi e tecnici specialisti del settore. Il sito doveva quindi raccogliere e rendere accessibili contenuti di natura istituzionale, scientifica e associativa, insieme a pubblicazioni, attività e aggiornamenti.

Il progetto

Il progetto ha lavorato sulla trasformazione di una grande quantità di contenuti specialistici in una struttura web consultabile e ordinata. L’interfaccia è stata costruita attorno alla riconoscibilità della società e alla necessità di dare spazio alle diverse aree informative, evitando che la componente scientifica rendesse la navigazione complessa.

Approccio

L’approccio ha privilegiato gerarchie chiare, sezioni facilmente individuabili e una struttura pensata per accompagnare l’utente tra informazioni istituzionali, attività scientifiche, documenti e aggiornamenti. Il progetto dimostra la capacità di organizzare contenuti tecnici e specialistici attraverso una navigazione più leggibile e funzionale.

Obiettivo

Creare una presenza digitale coerente con il ruolo scientifico della SISSG, rendendo il patrimonio di informazioni e attività della società più facilmente consultabile da soci, ricercatori, tecnici e visitatori.

Sintesi

Un progetto in cui il valore del design risiede soprattutto nella capacità di dare ordine a contenuti specialistici e istituzionali, trasformandoli in un’esperienza di navigazione chiara e accessibile.

Centro Olistico Siddhartha

Centro Olistico Siddhartha — Il progetto
Il progetto

Il progetto nasce dalla necessità di costruire una presenza digitale riconoscibile per un’attività legata al benessere, partendo da un’identità ancora da definire e trasformandola in un linguaggio visivo coerente con il tipo di esperienza proposta.

Contesto

Il sito è stato progettato per presentare un’attività dedicata al benessere e ai trattamenti, con l’esigenza di comunicare in modo immediato un’atmosfera di cura, equilibrio e accoglienza.

Il progetto

Il lavoro ha riguardato la costruzione dell’identità digitale del progetto attraverso la definizione di uno stile visivo, della struttura delle pagine e dei principali percorsi di navigazione.

L’interfaccia è stata progettata per dare spazio alle immagini e alla componente emozionale, mantenendo però una gerarchia chiara delle informazioni e delle azioni principali, come la richiesta di informazioni e la prenotazione.

Approccio

Lo stile è stato costruito a partire dal carattere dell’attività, evitando di utilizzare una grafica generica da sito wellness. Colori, tipografia, immagini e composizione sono stati coordinati per creare un ambiente digitale riconoscibile e coerente.

Obiettivo

Il risultato è una presenza digitale pensata non soltanto per informare, ma per restituire già attraverso il sito la sensazione e il posizionamento dell’attività, rendendo riconoscibile il progetto e facilitando il contatto con il pubblico.

Safilens

Safilens — Il progetto
Il progetto

Il progetto riguarda la progettazione del sito web di Safilens, azienda specializzata nello sviluppo e nella produzione di lenti a contatto, soluzioni per la manutenzione e prodotti per il benessere dell’occhio.

Il lavoro nasce dall’esigenza di organizzare all’interno di un’unica piattaforma una comunicazione rivolta a pubblici differenti, mettendo in relazione identità aziendale, prodotti, ricerca, know-how e informazioni professionali.

Un sito per contenuti e pubblici diversi

Il sito deve svolgere contemporaneamente diverse funzioni: presentare l’azienda e la sua mission, raccontare il know-how e la ricerca, permettere di consultare il catalogo dei prodotti e offrire accesso a contenuti e servizi rivolti ai professionisti.

La struttura è quindi organizzata per accompagnare l’utente verso percorsi differenti, con una navigazione che separa chiaramente le aree istituzionali da quelle dedicate ai prodotti e ai servizi.

Il linguaggio visivo

La progettazione utilizza un linguaggio pulito e contemporaneo, coerente con il settore tecnologico e farmaceutico in cui opera Safilens.

La home page mette in primo piano il rapporto tra ricerca, innovazione e prodotto, attraverso grandi immagini, tipografia essenziale e blocchi di contenuto facilmente riconoscibili.

La grafica lavora sulla chiarezza e sulla gerarchia, lasciando spazio alle immagini e utilizzando elementi geometrici per costruire un sistema visivo coerente tra le diverse sezioni.

Struttura e contenuti

L’organizzazione del sito mette in relazione tre nuclei principali: prodotti, visione e mission.

La sezione prodotti permette di esplorare le diverse famiglie di lenti a contatto e prodotti complementari. Le sezioni dedicate alla visione e alla mission raccontano invece l’azienda, il suo approccio alla ricerca, il know-how e le collaborazioni.

Un aspetto importante del progetto è stata anche la possibilità di lasciare al cliente autonomia nella gestione di alcuni contenuti e strumenti. Safilens ha infatti potuto inserire autonomamente all’interno del sito, tramite embed, il proprio programma, mantenendo così la possibilità di aggiornarlo e gestirlo direttamente senza dover intervenire sulla struttura del sito.

Elemento distintivo

Il progetto doveva tenere insieme la comunicazione istituzionale dell’azienda e una grande quantità di contenuti dedicati a prodotti e professionisti. La progettazione cerca quindi un equilibrio tra chiarezza, autorevolezza e facilità di consultazione, lasciando al tempo stesso spazio all’identità visiva del brand.

Website: safilens.com

Il Piatto Sbeccato

Il Piatto Sbeccato — Contesto
Contesto

Il Piatto Sbeccato è un ristorante di Udine progettato da michielizanatta, il cui concept architettonico parte dall’idea dell’imperfezione come valore e identità. Il progetto dello spazio lavora su materia, luce, proporzione e dettagli per costruire un ambiente riconoscibile e contemporaneo. Il sito doveva raccogliere questo immaginario e trasformarlo in un’esperienza digitale coerente.

Il progetto

La progettazione web nasce dal dialogo con il progetto architettonico di michielizanatta. La parte grafica riprende e reinterpreta alcuni elementi dell’immaginario spaziale del ristorante, creando un collegamento visivo tra architettura e comunicazione digitale. Il linguaggio del sito mantiene il carattere ironico e teatrale del locale, ma lo traduce in una struttura chiara e facilmente navigabile, con menu, contatti, prenotazione e aggiornamenti immediatamente accessibili.

Approccio

L’obiettivo era evitare il classico sito vetrina della ristorazione e costruire un’esperienza capace di restituire già dal primo accesso il carattere del progetto. Il linguaggio visivo interpreta il concept architettonico sviluppato da michielizanatta, creando un vero e proprio ponte grafico tra lo spazio fisico e quello digitale. La componente circense e teatrale viene così utilizzata come chiave narrativa, senza sacrificare chiarezza e funzionalità.

Obiettivo

Rendere il sito uno strumento pratico per chi cerca il locale, ma anche un’estensione della sua identità, capace di comunicare tono, atmosfera e proposta gastronomica.

Sintesi

Un progetto in cui il design digitale dialoga direttamente con il progetto architettonico di michielizanatta: la grafica del sito diventa una prosecuzione dell’identità costruita nello spazio, traducendo il concept del circo e dell’imperfezione in un’esperienza web riconoscibile, navigabile e coerente.

Paolo Bon Architetto

Paolo Bon Architetto — Chi
Chi

Paolo Bon è un architetto con studio a Udine, attivo nella progettazione architettonica contemporanea e nella ricerca di soluzioni funzionali ed eco-compatibili.

Contesto

Per uno studio di architettura il portfolio è il principale strumento per raccontare metodo, qualità e varietà dei progetti. La struttura deve quindi lasciare spazio alle immagini e ai singoli lavori.

Obiettivo

Realizzare un portfolio digitale capace di presentare l’architetto e organizzare in modo chiaro il patrimonio di progetti, distinguendo le diverse tipologie di intervento.

Progettazione visiva

Il sito privilegia le immagini architettoniche e una struttura molto pulita, lasciando che siano fotografie, planimetrie e dettagli dei progetti a costruire la narrazione.

Struttura e navigazione

La navigazione è costruita attorno alla presentazione dello studio e al portfolio dei progetti, con schede dedicate agli interventi.

Attività svolte

• Progettazione del sito web • Strutturazione del portfolio • Organizzazione delle schede progetto • Web design • Sviluppo responsive • Impostazione della gerarchia delle informazioni

Elemento distintivo

Il sito adotta un approccio editoriale al portfolio: ogni progetto viene trattato come un contenuto autonomo, valorizzando immagini, dati tecnici e racconto progettuale.