- Cliente
- Raiffeisen Information Service SCRL
- Competenze
- Concetto, Design, Sviluppo
- Tecnologie
- Figma, Typescript, React, Next.js
- Link
- https://robi.raiffeisen.it/
RIS è un partner IT regionale con oltre 50 anni di esperienza, specializzato nello sviluppo di soluzioni IT innovative per le banche. In qualità di fornitore tecnologico chiave per le Casse Raiffeisen dell'Alto Adige e la Raiffeisen Landesbank Südtirol, RIS unisce competenza, passione e visione per plasmare il settore bancario del futuro. Con un focus sulla sostenibilità e sulla competitività, RIS fornisce soluzioni orientate al cliente che promuovono il progresso digitale, garantendo al contempo valore a lungo termine per clienti e dipendenti.
Il progetto
Sviluppo di un concept di design e di una libreria di componenti completa in Figma e React per garantire un'interfaccia utente coerente e scalabile in tutte le applicazioni bancarie digitali, migliorando efficienza ed esperienza utente.
Il progetto è stato avviato per sviluppare un sistema completo di design e componenti per applicazioni bancarie digitali. L'obiettivo era creare un'interfaccia utente coerente e scalabile (UI/UX) che consentisse sia ai designer che agli sviluppatori di implementare soluzioni in modo efficiente e uniforme. Nell'ambito del progetto, sono stati creati oltre 150 componenti, strutturati su diversi layout per vari casi d'uso. La stretta collaborazione con il cliente ha garantito che i processi di design e sviluppo fossero perfettamente adattati alle esigenze della banca.
Un elemento centrale del progetto è stato l'uso di Figma come strumento di design, in cui è stata creata un'ampia libreria di componenti. Sono stati utilizzati i Figma Tokens (variabili) per colori e dimensioni, garantendo così un'elevata flessibilità e una facile adattabilità. Il concetto segue il principio dell'Atomic Design, permettendo di strutturare i componenti in modo modulare e riutilizzarli in modo efficiente. Questo fornisce una struttura chiara e facilita le future estensioni o adattamenti a nuove esigenze.
Parallelamente alla libreria di design, è stata sviluppata una libreria di componenti frontend in React, utilizzando TailwindCSS per uno stile efficiente e flessibile. È stata posta particolare attenzione all'alta qualità del codice e alla sicurezza tipologica, motivo per cui l'intera libreria è stata implementata in TypeScript. Inoltre, l'accessibilità dei componenti è stata considerata sin dall'inizio per garantire un utilizzo inclusivo. Grazie alla sua struttura modulare e all'applicazione coerente delle migliori pratiche, la libreria non solo è facilmente estendibile, ma rappresenta anche una base ottimale per applicazioni scalabili e a prova di futuro.
La stretta integrazione tra design e sviluppo ha portato alla creazione di un sistema di componenti potente e orientato al futuro, a supporto della trasformazione digitale nel settore bancario. Le soluzioni sviluppate consentono al cliente di implementare nuovi prodotti digitali in modo più rapido ed efficiente. Grazie all'approccio strutturato e modulare, sia i designer che gli sviluppatori beneficiano di una migliore collaborazione, mentre gli utenti finali possono usufruire di un'interfaccia moderna, coerente e intuitiva.
- Aspetto uniforme e coerente
- Processi di design più rapidi
- Scalabilità semplificata
- Maggiore qualità del codice
- Sviluppo più veloce
- Manutenzione semplificata
Altri progetti
Date un'occhiata anche a questi progetti.
