Avvocati Associati
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.
