Product Management, Product Strategy
Product Design, Design System, Information Architecture, Product Prototyping / Interaction Design, UX Writing
Technological scope definition, Technology design, Hosting, DevOps, Back-end and Front-end development, Tracking and Testing
Transmec, leader italiano nel trasporto e nella logistica, voleva trasformare il sito in un'esperienza di navigazione coinvolgente ed empatica.
L’obiettivo era sottolineare l'intermodalità, la sostenibilità e la capacità di fornire soluzioni avanzate e complesse alle esigenze di logistica e di trasporto delle aziende. L’intento era distinguersi dai competitors e raggiungere un posizionamento di alto livello e di ‘’first class’’.
Siamo partiti con la fase di progettazione effettuando un'analisi dei competitors e comparables per individuare benchmark visivi e funzionali.
Successivamente abbiamo elaborato una content map e definito l’architettura dell’informazione in modo da rendere la navigazione chiara e fluida.
Dopo aver definito lo stile abbiamo disegnato l’interfaccia utilizzando un approccio a moduli.
Infine abbiamo sviluppato il sito, integrando un CMS che permette al cliente di gestire in modo flessibile e autonomo tutti i contenuti presenti.
Con l'obiettivo di offrire all'utente un'esperienza semplice e intuitiva, abbiamo progettato una nuova architettura dell’informazione per sviluppare una navigazione chiara e coinvolgente.
Inoltre ci siamo concentrati sul copy, per trasmettere il posizionamento "first class" del brand, con una narrazione professionale, essenziale ma allo stesso tempo emozionante.
La scelta tecnologica di Caffeina si è basata sul CMS Headless Strapi, in grado di garantire flessibilità e facilità di utilizzo da parte dell’editor, oltre alla possibilità di velocizzare la creazione dei componenti.
L’interfaccia frontend è stata realizzata con il framework Next.js e staticizzata tramite il servizio di Vercel. Vercel ottimizza le prestazioni del sito mediante la staticizzazione avanzata, trasformando il contenuto dinamico del sito web in pagine pre-renderizzate, consentendo un caricamento più rapido e fluido dei contenuti senza dover eseguire elaborazioni dinamiche al momento del caricamento della pagina.
Un Design System è essenziale per creare un'esperienza uniforme e riconoscibile per gli utenti. Attraverso di esso, abbiamo definito elementi di design, componenti e linee guida che assicurano coerenza sia visiva che funzionale in tutto il sito.
Questo Design System ha fornito una base solida per lo sviluppo del Section Builder, semplificando la creazione delle pagine, sezioni e landing page, offrendo massima flessibilità e autonomia nella gestione dei contenuti. Abbiamo creato moduli componibili per organizzare e personalizzare i contenuti, garantendo al tempo stesso coerenza visiva senza richiedere competenze tecniche specifiche.