← Indietro

spaghetti design

Progetto accademico · UX/UI · 2023

UX/UIWeb DesignFigmaBranding

spaghetti design è il progetto completo di UX/UI design per un’agenzia di comunicazione fittizia. Dall’analisi dei competitor e delle best practice, il lavoro copre l’intero processo progettuale: sitemap, wireframe, branding e prototipo interattivo.

L’identità dell’agenzia è audace, colorata e irriverente: una palette giallo, blu e rosa, una mascotte di nome Franco e un tono di voce amichevole e colloquiale, pensato per creare subito empatia con il cliente.

Prototipo interattivo

Prova spaghetti design su Figma

Apri il prototipo ↗
spaghetti design

Il processo

Il progetto parte dall’analisi di 7 agenzie concorrenti, da cui sono state ricavate best practice su gerarchia delle informazioni, clusterizzazione dei contenuti, riconoscibilità delle CTA e meccanismi di correzione degli errori. Queste hanno guidato tutte le scelte successive.

Segue la sitemap con le pagine principali (Home, Chi siamo, Lavori, Servizi, Contattaci), le modali e il dettaglio progetto. Per ogni pagina sono stati prodotti i wireframe, che definiscono logica di layout e navigazione prima della fase visiva.

Tavola completa del progetto spaghetti design

Il mio ruolo

Mi sono occupato della parte UX: analisi dei competitor, definizione delle best practice, architettura della sitemap e wireframe. Ho dato anche un contributo alla parte UI, aiutando a definire l’identità visiva e la sua applicazione sui componenti dell’interfaccia.