Do you want to

Awwwards

Toscano.

Gruppo Toscano è una delle più importanti aziende italiane che opera a livello nazionale nel campo immobiliare dal 1982.
Toscano Immobiliare offre al cliente tutti i servizi legati alla casa. Ha accompagnato negli anni le famiglie italiane a vendere e comprare il bene, per loro, più importante.

Share
Type.

Corporate WebSite

Role.

FrontEnd

Year.

2016

Toscano Immobiliare aveva l’esigenza di effettuare un restyling completo del proprio portale web, mantenendo però le linee guida del layout precedentemente adottate dall’azienda. Uno degli scopi di questo gruppo, considerati una delle migliori realtà sul territorio nazionale, era quello di ridefinire il prodotto a livello di design. L’obiettivo centrale del progetto Toscano era rendere il sito web fruibile attraverso tutti i dispositivi: desktop e mobile. Progetto sviluppato da Patrick David

01. Approccio

Dopo un’attenta analisi sulle varie possibilità da intraprendere a livello di design, in collaborazione con il team di Toscano, si è scelto di eseguire un restyling leggero del prodotto, sviluppando però un template HTML completamente nuovo altamente ottimizzato per ogni dispositivo.

02. Design Direction

Abbiamo valutato con attenzione la scelta dei colori che avremmo utilizzato, come colore primario abbiamo scelto il colore del Gruppo Toscano per il quale è noto senza scalfire l’idea originale dell’azienda. L’operazione di pulire tutto il design da ogni elemento visuale superfluo è stato ripensato assieme al Team Toscano con il quale, inoltre, abbiamo collaborato anche per risolvere i problemi relativi a livello di User Interface.

#2b2b29

#5d0339

#b00060

#706f6f

#f8f8f8

Sito Web Gruppo Toscano

03. Progetto

Tutto il progetto è stato sviluppato attraverso il framework più popolare per lo sviluppo di progetti web, Bootstrap. Il prodotto è stato testato nei più recenti browser e dispositivi. La maggior parte degli elementi è stata studiata per avere una visualizzazione diversa da desktop a mobile per favorire una corretta visualizzazione dei contenuti e migliorare l’usabilità del portale.

  • Full responsive
  • Bootstrap
  • SASS

04. Skills

Il progetto ha coinvolto maggiormente la parte di design e di sviluppo frontend. Sono stati creati dei wireframing da presentare al cliente durante ogni ambito di sviluppo dell’interfaccia per facilitare una piena ed efficace comunicazione tra i team.

User Experience.

Wireframing

Design.

Visual Design

Creative Design

Development.

FrontEnd

Next project.

Newsletter.

Iscriviti alla nostra newsletter