Avvocati Associati
Servizi:
Branding; UX/UI Design; Sviluppo Web Custom; Web Marketing SEO
Tecnologie:
Adobe XD Prototyping; HTML/SCSS; MSSQL; NET5; Azure DevOps
2020 – 2024
Richiesta del cliente
Avvocati Associati Franzosi Dal Negro Setti è un rinomato studio legale milanese, fondato nel 1963. A maggio del 2020 ci hanno scelto per riprogettare il loro sito web e rinnovare la loro brand identity.
Gli obiettivi erano chiari: modernizzare la presenza online, rafforzare la percezione del brand e supportare la crescita della base clienti, attraverso una comunicazione più attuale e coerente.
Per raggiungere tali obiettivi abbiamo modernizzato il logo e l’immagine coordinata, senza però stravolgere l’essenza del brand e abbiamo realizzato un sito web completo e moderno che risponde alle esigenze dello studio legale, facilitando la gestione del sito da parte dello staff e garantendo un’esperienza utente di qualità.
Restiling brand image
Il lavoro sull’identità visiva è iniziato con il restyling del logo: abbiamo modernizzato e ripulito le linee, mantenendo intatta la riconoscibilità di uno storico brand milanese.
In un secondo momento abbiamo riprogettato, in modo coerente e armonioso, biglietti da visita, carta intestata e tutti i template dei documenti dello studio, definendo un sistema grafico uniforme su tutti i materiali.
I biglietti da visita sono stati declinati per ogni professionista in tutti i colori colori della palette (rosso, bianco e nero) e integrano sul retro un QR Code che rimanda al relativo biglietto da visita digitale.
A completamento del progetto, abbiamo realizzato un sito web responsive e totalmente personalizzato, traducendo le idee del cliente in un’esperienza moderna ed elegante, ottimizzata per la consultazione e solida dal punto di vista tecnico.
UX/UI Design
Abbiamo svolto un’analisi preliminare per studiare i competitor dello studio, individuare gli ultimi trend UX/UI e definire i bisogni degli utenti di riferimento. Completata questa fase, siamo passati alla raccolta di contenuti ispirazionali e alla definizione dei flussi di navigazione.
Sulla base delle ricerche e delle funzionalità richieste dal cliente, abbiamo quindi realizzato il wireframe (prototipo digitale) del nuovo sito web e, successivamente, i mock-up per i diversi dispositivi da sottoporre al cliente. Ottenuta l’approvazione, abbiamo creato un prototipo web interattivo e navigabile per avviare i test, verificarne il corretto funzionamento e misurare il gradimento degli utenti.
Infine, grazie ai dati raccolti dagli usability test, abbiamo ottimizzato i mock-up e definito l’interfaccia finale del nuovo sito.
Dark & Light mode
Custom Loaders
Per il sito web sono stati realizzati 2 loader personalizzati per rendere la navigazione ancora più accattivante e coerente con l’identità visiva. Il primo, utilizzato solo al primo accesso, mostra la costruzione della lettera “A” presente nel logo. Il secondo invece, più semplice e veloce, va a riprendere in modo più diretto il logo formato da una doppia “A”.
Sviluppo Sito Web
Il sito web 100% custom è stato sviluppato in HTML5, in modo da poter assecondare ogni minimo dettaglio del design personalizzato ed accuratamente realizzato per il progetto.
È disponibile in doppio tema (light e dark), in 5 lingue, ed è completamente responsive. A supporto, è stato implementato un backend che consente allo staff di gestire il sito in autonomia: creazione di nuove pagine, pubblicazione di articoli e aggiornamenti news.
Lo scopo dell’architettura è fornire una soluzione completa e personalizzata che faciliti la gestione del sito web e delle informazioni, migliorando l’esperienza degli utenti e contribuendo alla crescita dello studio. Grazie alla base tecnica ben progettata e all’uso di tecnologie all’avanguardia, la soluzione garantisce elevate prestazioni, flessibilità e scalabilità, adattandosi alle esigenze in continua evoluzione dello studio.
L’architettura si basa su quattro componenti principali: front-end, Web API REST, pannello di amministrazione e database.
SPECIFICHE DI SVILUPPO
Front-end: Il front-end rappresenta l’interfaccia utente del sito web, ossia ciò che gli utenti vedono e con cui interagiscono. È stato sviluppato utilizzando il framework .NET 5 in linguaggio C#, con l’obiettivo di creare un’interfaccia moderna, reattiva e di facile navigazione per gli utenti finali.
Web API Rest: Queste API agiscono come intermediari tra il front-end e il database, consentendo al sito di comunicare con il database e gestire le diverse funzionalità del progetto. Le Web API sono state sviluppate con .NET 5 C# e seguono un design a microservizi, con un API Gateway che gestisce il bilanciamento del carico e il corretto reindirizzamento delle richieste.
Pannello di amministrazione: Il pannello di amministrazione è un’interfaccia di gestione dedicata allo staff dello studio legale. Realizzato con il framework Angular 12, permette di aggiornare e gestire in autonomia i contenuti e le configurazioni del sito, facilitandone così la gestione delle informazioni e la manutenzione.
Database: Il database MSSQL Server è il cuore dell’architettura, poiché memorizza e gestisce tutti i dati relativi allo studio legale, come sedi, professionisti, settori di competenza, articoli e prenotazioni di consulti. Il database relazionale è stato progettato per gestire le esigenze specifiche dello studio, tenendo conto delle diverse sedi, lingue e professionisti coinvolti.
Risultati
Questo progetto ci ha dato l’occasione di misurarci con una sfida ricca e piena di sfaccettature, dalla programmazione di un sito web completamente custom e multilingua, capace di essere prestante su tutti i dispositivi, ad un’immagine coordinata a tutto tondo in grado di essere moderna, dinamica ed allo stesso tempo di comunicare i valori e la storia dello studio.
Siamo fieri del lavoro svolto e della sinergia con cui tutte queste componenti interagiscono, creando un insieme capace di essere funzionale e di grande impatto per il nostro cliente.
