Filippo Valente

Luglio 2010.

Completa riprogettazione funzionale e grafica del sito corporate di Italdesign Giugiaro.



  Repubblica.it

Attività che ho realizzato (presso l'agenzia Easybit:

- Business objectives;
- User goals;
- Requirements definition;
- Content analysis;
- Card sorting;
- Site map;
- Content mapping;
- Progess diagrams;
- Wireframes and Prototype;
- Usability testing;
- Visual comps and style guide;
- Testing;
- Fine tuning.

L'area visual, il menu, la timeline a fondo pagina, il player foto/video e la mappa della sede sono realizzati in flash.

[Questa immagine è ridotta del 30%]

Schermata della homepage in fase prototipale.
Il prototipo è realizzato in html e rappresenta il web site finale in ogni sua parte.

 

Non gestisce contenuti dinamici (a menmo che non sia strettamente necessario per alcune parti del sito particolarmente delicate) e consente di testare in profondità l'oggetto che si sta progettando.

 

Essendo completamente privo di grafica può essere modificato in tempi brevi: tuttavia definisce gli ingombri di pagina, le ancore visive e fornisce indicazioni che saranno utili durante la produzione grafica.

[Questa immagine è ridotta del 30%]

Menu ad espansione. Per ogni sezione è previsto un layout differente.

 

La struttura del sito è molto complessa: ogni attore è relazionabile con gli altri e può essere associato a risorse, allegati o gallerie di immagini e video.

Gli attori principali sono: i progetti, i brand, i servizi, i settori, gli approfondimenti, le news e le risorse riguardanti la press area (sezione protetta da login e password).

 

Ovviamente ogni elemento può essere gestito autonomamente tramite CMS.

[Questa immagine è ridotta del 30%]

Prototipo del menu.

[Questa immagine è ridotta del 30%]

Mappa interattiva 3d riguardante la sede di Italdesign Giugiaro realizzata in flash.

[Questa immagine è ridotta del 30%]

Player foto/video progettato ad hoc per il website.

Timeline aziendale in flash.

[Questa immagine è ridotta del 30%]

Dettaglio di un progetto della timeline.

[Questa immagine è ridotta del 30%]