Home

Transmec

Una nuova esperienza digitale

VAI AL SITO

Cosa abbiamo fatto

Product Management, Strategy & Growth

Product Management, Product Strategy

Design

Product Design, Design System, Information Architecture, Product Prototyping / Interaction Design, UX Writing

Technology

Technological scope definition, Technology design, Hosting, DevOps, Back-end and Front-end development, Tracking and Testing

Outcomes

No items found.
No items found.
No items found.
No items found.

Challenge

Posizionamento ‘’first class’’.

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’’.

Solution

Un progetto end-to-end.

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.

No items found.

Execution

Una nuova identità.

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.

No items found.

Stack tecnologico

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.

Design System modulare e flessibile.

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.

Vuoi realizzare una soluzione
simile?
Transmec
Contattaci
scopri il caso studio
Crédit Agricole
Challenge

Rinnovare e migliorare l’experience del preventivatore e massimizzare le conversion.

scopri la case
scopri il caso studio
Naj-Oleari
Challenge

Progettare un’esperienza di acquisto in grado di esaltare la nuova piattaforma valoriale di marca

scopri la case