1. Guide
  2. Esempi di siti web
  3. Finanza e Assicurazione

Esempi di siti web di finanza - 5 siti che danno sicurezza

Scopri 5 siti web di aziende che operano nel settore della finanza dal design funzionale e pratico.
Michela Cambria
Di Michela Cambria, 21 ago 2024
Michela Cambria svolge il ruolo di copywriter per Zarla. Ha esperienza nella stesura di articoli sul web design e sui loghi per piccole e medie imprese.
Il design del sito web di un’azienda di finanza.

Un sito web di finanzia, a prescindere dalla tipologia di azienda, dovrebbe essere professionale per trasmettere fiducia e facile da fruire così che i clienti possano individuare le informazioni che necessitano con facilità. Un design pulito, contenuti chiari e accessibili sono essenziali per fornire un'esperienza utente ottimale.

Se vuoi creare un sito che abbia queste caratteristiche, dai un’occhiata agli esempi che abbiamo recensito per prendere ispirazione e usa il website builder AI di Zarla per crearne uno in pochi minuti.

Come valutiamo i siti web:

Zarla controlla che i siti soddisfino gli standard web di base per i dispositivi mobili e desktop. Utilizziamo anche PageSpeed Insights di Google e WAVE, un servizio che valuta l'accessibilità per le persone con disabilità. I punteggi di PageSpeed e l'accessibilità sono fattori importanti per il posizionamento nei motori di ricerca. I punteggi di PageSpeed possono non corrispondere all'esperienza dell'utente e spesso variano.

Fiditalia

desktop screenshot of website Fiditalia

chain icon https://www.fiditalia.it/

pin icon Milano, Lombardia, Italia

Fiditalia è un’azienda di finanza che opera nel settore del credito al consumo. Il sito web è una vetrina che dà agli utenti accesso a tutti i servizi: la homepage presenta fin da subito una panoramica delle prestazioni sia per i clienti fidelizzati, grazie all’area personale, sia - e soprattutto - per i potenziali nuovi clienti.

Ho trovato molto utile, a tal proposito, la presenza preponderante di Call to Action in diversi formati e modalità, le quali danno accesso, insieme al ricco e dettagliato menù di navigazione, a tutte le aree del sito e alle rispettive informazioni.

Pro e contro

plus sign

L’hero slider nella home è una presenza a mio avviso molto interessante per attirare nuovi clienti in quanto offre, oltre alle CTA, delle modalità interattive per scoprire di più sui servizi. Inoltre, ho apprezzato che per ogni categoria del menù di navigazione ci fosse una sottosezione dedicata alle FAQ per coinvolgere ancora di più l’utente.

minus sign

WAVE segnala, per la homepage, più di un centinaio di errori dovuti per lo più a problematiche di contrasto. Per le altre pagine, invece, gli errori di accessibilità non superano la ventina. Inoltre, avrei trovato più funzionale se la pagina dei contatti si fosse chiamata “Contatti e assistenza" – come nel nome della scheda – anziché solo “Assistenza” come nella barra di navigazione e nell’URL.

Recensione desktop

desktop screenshot of website
magnifying glass

La versione desktop del sito, a prima vista, potrebbe apparire confusionaria: sono presenti molte immagini e tanto testo, tuttavia la gerarchia dei vari elementi, in particolare grazie all’uso di maiuscole e grassetto, ha reso la navigazione e l’individuazione delle informazioni più lineare.

Il sovraccarico di contenuti, ad ogni modo, sembra influire sulla valutazione della performance. La homepage, secondo il test che abbiamo condotto su PageSpeed Insights di Google, ha ottenuto un punteggio medio-basso di 67/100 per le prestazioni e di 70/100 per l’accessibilità.

Recensione mobile

mobile screenshot of website
magnifying glass

Il design della versione mobile si mantiene simile al sito desktop, tuttavia ho riscontrato alcuni elementi poco responsive. Tra questi, quello meno fluido nell’uso è stato l’hero slider: le varie immagini che lo componevano, oltre ad avere una bassa qualità, non scorrevano del tutto con lo swipe e le opzioni di interattività non hanno sempre funzionato bene.

Altre sezioni, come quella con la CTA "Contattaci", non si integrano bene nel design, facendolo apparire poco professionale. Anche la valutazione delle performance si è abbassata: l'homepage ha ottenuto un punteggio di 39/100 in relazione alle prestazioni.

Unicredit

desktop screenshot of website Unicredit

chain icon https://www.unicredit.it/it/privati.html

pin icon Milano, Lombardia, Italia

Unicredit è una delle banche più importanti in Italia. Il suo sito web è costruito in modo tale da portare il focus sulla presentazione dei servizi: il menù di navigazione mi è sembrato sintetico ma incisivo, e l’aggiunta di piccole icone ai titoli delle categorie rende la ricerca delle informazioni più intuitiva.

Il design ordinato delle varie pagine e la presenza di CTA ben segnalate fanno sì che la ricchezza dei contenuti non influisca negativamente sull’esperienza utente. Ricca e dettagliata è anche la sezione relativa alla trasparenza, presente nel footer, che rafforza la percezione di affidabilità della banca.

Pro e contro

plus sign

La pagina dei contatti è ben segnalata e contiene una sezione per la ricerca delle filiali con un sistema di filtraggio, in base al servizio richiesto, molto dettagliata: trovo che questa funzionalità sia l’esempio di come un sito possa supportare l’esperienza dell'utente online e non. Inoltre, non ho avuto nessuna difficoltà a individuare il bottone per l’apertura del conto.

minus sign

Ho riscontrato che la CTA per la chiamata al numero verde, posizionata nella versione desktop in alto nella barra di navigazione orizzontale, non è funzionante. Il test condotto su accessScan ha dato un risultato di semi-conformità in relazione all’accessibilità. La chat, inoltre, è disponibile soltanto per chi è già cliente della banca.

Recensione desktop

desktop screenshot of website
magnifying glass

L’impressione che ho avuto navigando il sito nella versione desktop è stata quella di trovarmi all’interno di un software pensato per dare accesso immediato a tutti i servizi.

L’elemento che più mi ha colpito è stato il doppio menù di navigazione in cui, quello orizzontale con le informazioni relative all’azienda si interseca con quello verticale con i relativi servizi per fornire all’utente un’esperienza completa e personalizzata a seconda dell’esigenza. Per quanto riguarda le prestazioni, il test che abbiamo condotto su PageSpeed Insights di Google ha attribuito alla homepage un punteggio di 83/100.

Recensione mobile

mobile screenshot of website
magnifying glass

Nella versione mobile, il doppio menù di navigazione lascia spazio a un menù ad hamburger che si trova posizionato in basso a destra nello schermo: trovo che questa scelta, diversamente dalla tipica posizione in alto, sia particolarmente indicata per dispositivi mobili poiché tiene conto della navigazione con una mano sola. Trovo anche interessante che, in questa versione, la sezione con i link per scarica l’app sia più evidente.

Il test condotto su PageSpeed Insights di Google circa le prestazioni della homepage ha dato un risultato più basso, di 46/100: dall’esperienza d’uso reale, tuttavia, non ho riscontrato problematiche evidenti.

Finanza.tech

desktop screenshot of website Finanza.tech

chain icon https://www.finanza.tech/

pin icon Milano, Lombardia, Italia

Finanza.tech è una fintech company nata nel 2012 che si occupa di gestire le finanze di aziende attraverso una piattaforma digitale integrata. La modernità del prodotto che offre l’azienda si rispecchia nel design del sito che, fin da subito, presenta degli elementi molto dinamici.

Ho trovato, infatti, molto interessante la presenza di un video introduttivo che spiega l’innovatività della piattaforma, elemento ideale per tenere l’attenzione degli utenti alta. La presenza di CTA, attraverso contrasti di colore e elementi grafici come frecce, rende accessibili tutte le sezioni del sito.

Pro e contro

plus sign

La pagina relativa ai prezzi è molto dettagliata: la possibilità di comparare tutti i piani proposti dà valore aggiunto e semplifica l’esperienza dell’utente. Ho trovato interessante anche la presenza di una sezione con i case study, i quali dimostrano l’efficacia del prodotto e aumentano la credibilità dell’azienda.

minus sign

WAVE segnala, per la gran parte delle pagine del sito, tra i 25 e i 50 errori di accessibilità, la maggior parte dei quali sono dovuti a problematiche di contrasto. Inoltre, ritengo che il carattere tipografico usato per alcuni titoli, per quanto sia in linea con l’immagine dell’azienda, possa risultare difficile da leggere.

Recensione desktop

desktop screenshot of website
magnifying glass

Trovare informazioni nella versione desktop del sito è stato facile: quello che ho apprezzato di più è stato che le varie sezioni fossero corredate da brevi testi introduttivi e che le rispettive CTA di approfondimento fossero segnalate da frecce. Una sezione cui avrei dato più risalto è quella delle FAQ. Infatti, nonostante nella home siano presenti due link, una CTA all’interno di una box sarebbe stata più evidente.

La home del sito ha ottenuto, su PageSpeed Insights di Google, un punteggio medio-basso di 55/100 per le prestazioni, tuttavia la nostra esperienza d’uso reale non ha riscontrato grosse problematiche.

Recensione mobile

mobile screenshot of website
magnifying glass

Non ho trovato grandi differenze tra la versione mobile del sito e quella desktop: tutti i contenuti si adattano bene e, anzi, alcune sezioni ed elementi mi sono apparsi meglio integrati nel layout con la conseguenza di una navigazione più intuitiva. Ad esempio, la CTA “Registrati” è subito visibile nella home rendendo l’interazione con l’utente più dinamica e immediata.

Per quanto riguarda la valutazione delle prestazioni, l'homepage ha ottenuto un punteggio piuttosto basso, di 40/100. Dalla nostra esperienza d’uso reale, tuttavia, la velocità di caricamento dei contenuti è risultata abbastanza buona.

PrestitiOnline.it

desktop screenshot of website PrestitiOnline.it

chain icon https://www.prestitionline.it/

pin icon Milano, Lombardia, Italia

PrestitiOnline.it è una sito web di finanza che offre un servizio di comparazione tra i prestiti e i finanziamenti di diverse banche. Il sito web, fin dalla home, dà enfasi al proprio prodotto e lo fa attraverso delle CTA che riportano al servizio di comparazione.

I contenuti, sia quelli della home sia quelli delle varie pagine, sono molto dettagliati, presentano esempi pratici e FAQ: tutti questi elementi contribuiscono a rafforzare la credibilità dell’azienda e rendono le informazioni accessibili anche agli utenti meno esperti. La presenza di risorse extra, come il blog o le recensioni, dà valore aggiunto al sito.

Pro e contro

plus sign

Ho trovato molto utile che nella home fosse presente una sezione con le banche partner che rimandasse, per ciascuna, a una pagina di approfondimento: la ricchezza di questi contenuti e la loro accessibilità fanno apparire la piattaforma più professionale. Ho anche apprezzato la presenza delle recensioni dei clienti già nella home.

minus sign

Nella home è presente una sezione che mostra in modo schematico i vantaggi dell’azienda: nonostante la forma del cursore si modifichi, l’area non presenta alcun link. La home, inoltre, presenta un numero ingente di link, aspetto che potrebbe penalizzare il sito a livello di SEO. Rispetto all’accessibilità, acessScan dà una valutazione media, segnalando la presenza di testi troppo piccoli.

Recensione desktop

desktop screenshot of website
magnifying glass

Il sito web, nella sua versione desktop, ha un design essenziale che mi ha permesso di trovare tutte le informazioni di cui avevo bisogno. Un aspetto che avrei modificato, tuttavia, riguarda i link nel footer: dare accesso già dal menù di navigazione a risorse utili, come le guide sui prestiti, avrebbe creato maggiore coinvolgimento fin da subito.

Il test di valutazione della performance che abbiamo condotto su PageSpeed Insights di Google ha attribuito un punteggio eccellente, di 100/100, per le prestazioni della homepage.

Recensione mobile

mobile screenshot of website
magnifying glass

La versione mobile del sito presenta alcuni svantaggi in relazione alla ricchezza dei contenuti testuali: per arrivare fino al footer, dove sono presenti anche in questo caso i link alle risorse extra, ho dovuto scorrere parecchio e questo aspetto, a mio avviso, penalizza l’accesso a determinate informazioni.

Nella home, inoltre, sono assenti le CTA “Confronta le offerte” la cui mancanza potrebbe limitare le potenziali conversioni degli utenti. Anche in questo caso non è stato possibile utilizzare lo strumento di Google, PageSpeed Insights. Su Lighthouse, la home ha ottenuto un punteggio di 99/100 per le prestazioni.

Tinaba

desktop screenshot of website Tinaba

chain icon https://bancaprofilo.tinaba.it/

pin icon Milano, Lombardia, Italia

Tinaba è un’azienda di fintech, legata a Banca Profilo, che si occupa della gestione online di denaro offrendo servizi bancari e finanziari digitali. Il sito web è progettato per rispecchiare la praticità e i benefici del prodotto offerto.

Ho notato, infatti, che nella home viene data molta enfasi alle promozioni attive – nello hero slider – e i vari servizi sono presentati come se fossero una necessità dell’utente, ad esempio attraverso titoli come “Cosa ti serve” o “Con chi puoi usarla”: trovo che questa strategia sia un modo innovativo per invogliare gli utenti a navigare il sito e a scoprire di più sull’azienda.

Pro e contro

plus sign

Uno degli elementi più interessanti del sito è la chat dell’assistenza clienti che rende l’esperienza di navigazione dinamica e coinvolgente - al momento della stesura dell'articolo, tuttavia, tale servizio non è funzionante. Ho apprezzato anche che il menù di navigazione rimanesse fisso, diversamente da altri siti simili, e che al suo interno il blog fosse segnalato con un colore diverso, facendo risaltare così un elemento che dà valore aggiunto al sito.

minus sign

Nella pagina “Chi siamo" c'è una sezione dedicata al team, tuttavia presenta solo una grafica e una piccola descrizione generica: avrei apprezzato che vi fossero dei riferimenti concreti alle persone, ad esempio con profili LinkedIn o foto. WAVE ha segnalato oltre 15 errori e tra 30 e 60 problematiche di contrasto per la maggior parte delle pagine del sito.

Recensione desktop

desktop screenshot of website
magnifying glass

La versione desktop del sito web ha un layout ben organizzato e visivamente accattivante. Ho trovato che il buon bilanciamento tra immagini, testi e spazi bianchi desse la giusta enfasi alle CTA e, dunque, facilitasse l’accesso alle diverse tipologie di informazioni.

Per quanto riguarda le performance, il test che abbiamo condotto su PageSpeed Insights di Google ha attribuito alla homepage una valutazione medio-alta con 86/100 per le prestazioni. Alcuni contenuti, infatti, potrebbero essere ottimizzati per migliorare la velocità di caricamento.

Recensione mobile

mobile screenshot of website
magnifying glass

Non ho riscontrato grosse differenze tra il sito web desktop e quello mobile: in quest’ultima versione, infatti, i contenuti si adattano bene senza particolari problemi. Essendo disponibile un’app, avrei dato maggiore enfasi alla sezione in cui sono presenti i link per il download, tuttavia rimangono comunque facilmente accessibili.

Diverso, invece, è il risultato ottenuto tramite il test di PageSpeed Insights di Google che ha attribuito un punteggio di 39/100 per la home. Con la nostra esperienza d’uso reale, tuttavia, non abbiamo notato problematiche che giustificassero una differenza così ampia tra le due versioni.

FAQs:

Come creare un sito web di finanza?

  1. Tieni a mente la tipologia di servizio finanziario offerto dalla tua azienda.
  2. Usa un website builder per creare un sito web dal design professionale in meno di un minuto.
  3. Personalizza il sito con colori e caratteri tipografici in linea con la tua immagine.
  4. Ottimizza il sito per i dispositivi mobili.

Quali sono alcuni esempi di siti web di aziende di finanza?

Tra i nostri preferiti c’è quello di Finanza.tech e di Tinaba, oltre agli altri siti che abbiamo recensito in questo articolo. Sono tutti esempi di siti web, di diverse tipologie di aziende che operano nel settore della finanza, dal design professionale, funzionale e user-friendly.

Articoli Correlati

Un gruppo di consulenti e clienti in un'azienda di consulenza.

Esempi di siti web di consulenti - 5 recensioni di siti professionali

5 esempi di siti web per consulenti, aziende e società di consulenza che coniugano funzionalità e un design appropriato al servizio.
Una tastiera, un quaderno, un caffè macchiato e degli auricolari sulla scrivania di un blogger.

Esempi di siti web di blog - 5 siti che sanno diffondere parole

Scopri come creare un blog di successo leggendo le nostre recensioni di 5 blog e i loro pro e contro.
Una commercialista che lavora seduta alla sua scrivania.

Esempi di siti web di commercialisti - 5 siti che attirano clienti

Scopri 5 esempi di siti web di studi commerciali, commercialisti e contabili dal design professionale e funzionale.
Un gruppo di giovani che lavorano al pc in una startup.

Esempi di siti web di startup - 5 siti che promuovono idee innovative

5 esempi di siti web di startup dal design professionale, capaci di dare risalto a prodotti innovativi e rivoluzionari.
Il design del sito web di una freelance.

Esempi di siti web di freelancer - 5 siti per attirare i clienti

Scopri 5 siti web di freelance dal design accattivante da cui prendere ispirazione.