Avvocati Associati
Per lo studio legale Franzosi Dal Negro Setti di Milano abbiamo realizzato un sito web completamente customizzato con un pannello di controllo per la gestione dei contenuti del sito, oltre al restyling del loro brand
Servizi:
Branding; UX/UI Design; Sviluppo Web; Web Marketing SEO
Tecnologie:
Adobe XD Prototyping; HTML/SCSS; MSSQL; NET5; Azure DevOps
2020 – In corso
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 fare un restyle della loro immagine coordinata.
Gli obiettivi del progetto consistevano nel migliorare e modernizzare la loro presenza online e aumentare la base clienti, nonché rinnovare la loro immagine coordinata.
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à.
Restyling brand image
Il lavoro sull’immagine coordinata è cominciato dal restyling del logo, modernizzando e ridisegnando le linee senza distaccarsi dallo storico e riconosciuto brand.
Il secondo passo è stato riprogettare in modo coordinato e armonioso biglietti da visita, carta intestata e tutti i template per i documenti dello studio.
I biglietti da visita sono realizzati per ciascun professionista in tutti i colori della loro palette (rosso, bianco e nero) e sul retro riportano il QR Code che indirizza al loro biglietto da visita elettronico.
La parte migliore del lavoro è stata quella della realizzazione del sito web responsive totalmente personalizzato, seguendo passo dopo passo le idee e le visioni del cliente, trasformandole in un prodotto moderno, prestante ed elegante.
UX/UI Design
Abbiamo fatto un’analisi preliminare per studiare i competitor dello studio, scoprire gli ultimi trend UX/UI e definire i bisogni degli utenti di riferimento. Una volta completata questa prima fase, siamo passati alla raccolta di contenuti ispirazionali e alla definizione del flusso, basandoci sulle nostre ricerche e sulle funzionalità richieste dal cliente, abbiamo dunque creato il wireframe (prototipo digitale) del nuovo sito web, per poi passare alla realizzazione dei mock-up per i vari dispositivi, da mostrare al cliente. Una volta ottenuto il gradimento del cliente, abbiamo creato il prototipo web based interattivo e navigabile per avviare i test e verificarne la funzionalità e il gradimento degli utenti. Con i dati raccolti dall’usability test, abbiamo riadattato i mock-up e infine realizzato l’interfaccia definitiva del nuovo sito.
Dark & Light mode
Custom Loaders
Per il sito web sono stati realizzati 2 loader personalizzati per rendere ancora più accattivante e piacevole la navigazione. Il primo mostra il processo di creazione della lettera “A” utilizzata nel logo e viene utilizzato solo al primo accesso sul sito. 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 assecondare ogni minimo dettaglio del design personalizzato ed accuratamente realizzato per il progetto.
Il sito è disponibile in due temi (light mode & dark mode) e in 5 lingue diverse; è responsive e comprende un backend capace di gestire il sito, come per esempio creare nuove pagine, articoli e 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 legale. Grazie a un’architettura 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 legale.
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.
