Descrizione del progetto
TradottoIl nostro pannello di amministrazione B2B SaaS ha accumulato debito di design per tre anni. Diverse sezioni sono state progettate in momenti diversi da persone diverse, risultando in un linguaggio visivo incoerente, una gerarchia informativa scadente e un'esperienza utente di cui i nostri clienti si lamentano frequentemente nei ticket di supporto. Vogliamo investire in un redesign completo che stabilisca un sistema di design coerente e crei un'interfaccia scalabile — una che i sviluppatori di prodotto possano estendere senza rompere la coerenza visiva, e che i clienti possano navigare senza formazione.
Il nuovo design dovrebbe prendere ispirazione da interfacce di amministrazione B2B moderne come Linear, Vercel e Stripe — pulite, dense di informazioni ma mai disordinate, con un eccellente supporto per la modalità scura e chiara. Abbiamo bisogno di più di semplici mockup carini: abbiamo bisogno di un sistema di design completo con token di colore documentati, scale tipografiche e una libreria di componenti a cui i sviluppatori possano fare riferimento durante l'implementazione. Il prototipo interattivo Figma dovrebbe coprire tutti i flussi utente chiave in modo da poter convalidare il design con clienti reali prima dell'inizio dello sviluppo. Le annotazioni per il passaggio ai sviluppatori sono essenziali — ogni spaziatura, colore e stato di interazione devono essere specificati.
Pagine da progettare:
1. Panoramica della dashboard — KPI, grafici, feed delle attività recenti
2. Gestione utenti — vista elenco, ruoli, matrice dei permessi
3. Analisi — grafici del traffico, funnel di conversione, viste di confronto
4. Fatturazione e abbonamenti — panoramica del piano, cronologia dei pagamenti, flussi di aggiornamento
5. Impostazioni — profilo, notifiche, integrazioni, chiavi API
6. Flusso di onboarding — wizard di configurazione in tre fasi con tracciamento dei progressi
Requisiti di design: varianti modalità chiara e scura, desktop-first con reattività tablet, sistema di design completo, prototipo interattivo, passaggio ai sviluppatori con annotazioni.
Il nuovo design dovrebbe prendere ispirazione da interfacce di amministrazione B2B moderne come Linear, Vercel e Stripe — pulite, dense di informazioni ma mai disordinate, con un eccellente supporto per la modalità scura e chiara. Abbiamo bisogno di più di semplici mockup carini: abbiamo bisogno di un sistema di design completo con token di colore documentati, scale tipografiche e una libreria di componenti a cui i sviluppatori possano fare riferimento durante l'implementazione. Il prototipo interattivo Figma dovrebbe coprire tutti i flussi utente chiave in modo da poter convalidare il design con clienti reali prima dell'inizio dello sviluppo. Le annotazioni per il passaggio ai sviluppatori sono essenziali — ogni spaziatura, colore e stato di interazione devono essere specificati.
Pagine da progettare:
1. Panoramica della dashboard — KPI, grafici, feed delle attività recenti
2. Gestione utenti — vista elenco, ruoli, matrice dei permessi
3. Analisi — grafici del traffico, funnel di conversione, viste di confronto
4. Fatturazione e abbonamenti — panoramica del piano, cronologia dei pagamenti, flussi di aggiornamento
5. Impostazioni — profilo, notifiche, integrazioni, chiavi API
6. Flusso di onboarding — wizard di configurazione in tre fasi con tracciamento dei progressi
Requisiti di design: varianti modalità chiara e scura, desktop-first con reattività tablet, sistema di design completo, prototipo interattivo, passaggio ai sviluppatori con annotazioni.
Programmazione web Contante, Bonifico bancario
