iSustainability.it
- Sviluppo front-end
- WordPress
- Pixel-perfect
- Ruolo
- Sviluppo & implementazione tecnica
- Collaborazione
- Agenzia Silverback
- Settore
- Sostenibilità aziendale, B2B
- Focus
- Fedeltà al design, responsive
Il progetto
In collaborazione con l’agenzia Silverback, mi sono occupato dello sviluppo e dell’implementazione tecnica del nuovo sito web di iSustainability (realtà del Gruppo Digital360). Mentre l’agenzia ha curato la direzione artistica e il design dell’interfaccia, il mio compito è stato “dare vita” a quel progetto, trasformando i mockup grafici in un sito web pienamente funzionale, responsivo e performante.
Il mio obiettivo è stato garantire la massima fedeltà al design originale (pixel-perfect), assicurando al contempo una navigazione fluida su qualsiasi dispositivo. Il risultato è una piattaforma solida e veloce, che permette al target B2B di esplorare i servizi e le ricerche del brand in modo ottimale, valorizzando la loro mission sulla sostenibilità aziendale.
Cosa ho fatto, nel concreto
Ottimizzazione per dispositivi mobili
Il sito è stato ottimizzato con un approccio responsive, garantendo una navigazione impeccabile su tutti i dispositivi, dai desktop ai dispositivi mobili. Che gli utenti esplorino il sito da smartphone o tablet, l'esperienza utente rimane fluida, con immagini nitide e sezioni facili da navigare, rendendo la consultazione e la visualizzazione dei contenuti sempre agevole.
Ottimizzazione delle prestazioni
Ottimizzazione delle prestazioni del sito per avere una esperienza utente ottimale e non penalizzare il sito a livello di SEO.
Interventi al foglio stile del sito
La sigla CSS sta per Cascading Style Sheets. Essenzialmente, il CSS è un linguaggio che gestisce il design e la presentazione delle pagine web.
Il design system del progetto
Palette e tipografia applicate al progetto.
Tocca un colore per vedere dove viene usato nell'interfaccia.
Tipografia — Avenir Next LT Pro
Uno sguardo al risultato
Tre schermate di iSustainability.it. Il design è dell'agenzia Silverback: qui si vede il risultato dell'implementazione tecnica, dove il confronto con il progetto grafico si gioca sui dettagli.
Clicca su un'immagine per ingrandirla.
- La hero della homepage
Grafica complessa su fondo scuro, resa fedelmente e senza appesantire il caricamento.
- La pagina Soluzioni
Aree strategiche e operative articolate su più livelli, tenute insieme da una gerarchia chiara.
- La versione mobile
Lo stesso impianto su smartphone: le sezioni si ricompongono, non si accorciano.