TM Pedane – Semplificare l'acquisto di pedane personalizzate
Case study del restyling di TM Pedane, con l’obiettivo di migliorare l’esperienza di acquisto di pedane personalizzate.
- x Coraundici Studio
- 20 Giugno 2024
- UI Design
- TM Pedane

Contesto
TM Pedane è un’azienda specializzata in rampe in alluminio e baie di carico ed offre soluzioni personalizzate per migliorare l’efficienza logistica. Grazie alla loro esperienza e innovazione, sono diventati leader nel settore sia in Italia che all’estero.
Ruolo nel progetto
Come UX/UI designer, mi è stato affidato il compito di migliorare l’esperienza di acquisto. L’obiettivo era rendere l’acquisto di pedane più semplice ed efficiente, garantendo che la navigazione del sito fosse all’altezza della qualità dei prodotti.
Il problema
Difficoltà nel richiedere un preventivo
Il sito precedente aveva un problema con le richieste di preventivo: le pagine prodotto rimandavano a una pagina di contatto generica.
In alcuni casi mancava una CTA, lasciando gli utenti senza istruzioni su come ordinare.
Stile grafico non riconoscibile
Inoltre, il design “grafico” del sito era poco distintivo e non rifletteva adeguatamente la professionalità e la qualità dei servizi di TM Pedane. Mancava una coerenza visiva che fosse in linea con l’identità del brand.
La mia soluzione
Riorganizzazione dell'Architettura UX
Il primo passo nel seguente progetto di restyling è stato affrontare la riorganizzazione dell’architettura informativa del sito.
Utilizzando strumenti collaborativi come Miro e Figjam, abbiamo mappato l’esperienza utente esistente e identificato i punti di frizione che impedivano una navigazione fluida.
Abbiamo quindi progettato una nuova architettura dei contenuti e realizzato vari user flow, con l’obiettivo di mettere in evidenza le principali categorie e sottocategorie.

Wireframe in bassa risoluzione (Lo-fi)
Successivamente, a causa delle tempistiche strette del progetto, ho deciso di sviluppare wireframe a bassa fedeltà.
Questo approccio mi ha permesso di abbozzare rapidamente le sezioni principali, concentrando l’effort sulla progettazione dell’interfaccia utente.
I wireframe sono stati comunque utili a delineare una struttura chiara che mette in evidenza le principali categorie prodotto e le relative sotto pagine.

UI Kit e style guide
Lo sviluppo di un UI kit è stato fondamentale per garantire coerenza visiva in tutte le pagine del sito.
Una delle scelte chiave è stata l’individuazione di un colore cardine: il verde. Ho selezionato questo colore per la sua capacità di evocare sia il concetto di “green” che quello di innovazione, valori fondamentali del brand.
Oltre al colore principale, ho definito una palette di colori secondari, come il colore “grigio”, che ricorda il colore dell’alluminio/metallo.
Nel kit ho incluso anche una scala tipografica dettagliata. Ogni dimensione dei font è stata ottimizzata per garantire una leggibilità perfetta sia su desktop che su mobile. Per la tipografia, ho definito dei token per standardizzare i vari stili, come intestazioni, paragrafi e didascalie, assicurando uniformità attraverso tutto il sito.

Progettazione dell'interfaccia
La progettazione dell’interfaccia utente si è concentrata sulla semplicità e sull’efficacia per offrire una navigazione chiara e piacevole.
Ho scelto un design molto minimal, utilizzando box/card semplici per mostrare i servizi e layout con funzionalità essenziali.
Ogni card è stata studiata per fornire informazioni essenziali, evitando elementi che potrebbero confondere gli utenti.
Un’altro motivo per cui ho scelto uno stile semplice è perché il sito doveva essere sviluppato su Shopify, usando un tema scelto in precedenza. Questo ha significato che non potevamo implementare soluzioni troppo complesse che il tema non supportava.


L’ideazione di un form che presenta il nome e la foto del prodotto offre diversi vantaggi sia per l’azienda che per gli utenti.
Consente all’azienda di ottenere informazioni dettagliate sulle preferenze e le scelte degli utenti, migliorando così la comprensione delle loro esigenze e contribuendo a un servizio più personalizzato.
Allo stesso tempo, aiuta gli utenti a visualizzare meglio il prodotto selezionato, offrendo un’esperienza di acquisto più interattiva.
Riflessioni
Il redesign del sito web di TM Pedane ha segnato un cambiamento significativo nella user experience, contribuendo a rendere il processo di acquisto di pedane personalizzate più fluido e coinvolgente.
Inoltre, ha dimostrato che un restyling non è solo una questione di estetica, ma un investimento strategico che può aumentare la crescita di un’azienda.
Ascoltare la voce dei clienti, comprendere le loro esigenze e tradurle in un’esperienza d’uso ottimale è il segreto per costruire un legame duraturo con il proprio pubblico.