Progetto house & loft

Post on 05-Dec-2014

169 views 0 download

description

 

Transcript of Progetto house & loft

HOUSE & LOFT

3.5.2012

HOUSE & LOFTLUXURY REAL ESTATE PORTAL

3.5.2012

HOUSE & LOFT

3.5.2012

INTRODUZIONEL’obbiettivo dell’intervento è quello di trasformare l’attuale sito di agenzia immobiliare in un portale di servizi che metta in collegamento domanda e offerta.L’estetica generale sarà rinnovata e orientata al nuovo target, dal logo alla grafica del website che ospiterà tutti gli strumenti necessari per rendere veloce, semplice e piacevole la navigazione e la consultazione di offerte e servizi.

HOUSE & LOFTINTRODUZIONE

REDESIGN LOGO

HOUSE & LOFT

3.5.2012

NEW DIRECTION Il Nuovo logo, anche se non definitivo, segue una nuova direzione visiva che ne cambia profondamente la percezione, più internazionale, legata al lusso e con forti riferimenti al mondo della moda.

I colori rimangono invariati, mentre il font vira su un carattere bastoni, importante, tecnologico, moderno e sintetico.

HOUSE & LOFTREDESIGN LOGO

(LOGO ATTUALE)

RESEARCH

HOUSE & LOFT

3.5.2012

WEB RECOGNITION La nostra ricerca ci ha portato ad analizzare differenti tipologie di siti per capire meglio il contesto, standard grafici e poter progettare le migliori funzionalità su misura per le nostre esigenze.

HOUSE & LOFTWEB RESEARCH

PRIMARY TYPEFACE

HOUSE & LOFT

3.5.2012

REGULAR

ABCDEFGHIJKLMNOPQRSTUVXYZ abcdefghijklmnopqrstuvxyz 1234567890/! ?”£$%&()[]@ ÀÉÈÌÒÙàéèìòu

Futura

BOLD

ABCDEFGHIJKLMNOPQRSTUVXYZ abcdefghijklmnopqrstuvxyz 1234567890

REGULAR

ABCDEFGHIJKLMNOPQRSTUVXYZ abcdefghijklmnopqrstuvxyz 1234567890/! ?”£$%&()[]@ ÀÉÈÌÒÙàéèìòu

Arial

BOLD

ABCDEFGHIJKLMNOPQRSTUVXYZ abcdefghijklmnopqrstuvxyz 1234567890/! ?”£$%&()[]@ ÀÉÈÌÒÙàéèìòu

REGULAR

ABCDEFGHIJKLMNOPQRSTUVXYZ abcdefghijklmnopqrstuvxyz 1234567890/! ?”£$%&()[]@ ÀÉÈÌÒÙàéèìòu

Georgia

BOLD

ABCDEFGHIJKLMNOPQRSTUVXYZ abcdefghijklmnopqrstuvxyz 1234567890/! ?”£$%&()[]@ ÀÉÈÌÒÙàéèìòu

PRIMARY TYPEFACELa scelta del carattere principale è il FUTURA: moderno, raffinato e spesso utilizzato nel mondo fashion.

I caratteri web compatibili scelti per i testi del sito sono Arial e Georgia, un bastoni e un graziato per creare contrasto, vivacità e maggiore visibilità ai contenuti.

HOUSE & LOFTPRIMARY TYPEFACE

COLORS

HOUSE & LOFT

3.5.2012

WEBSITE MAIN COLORSLa scelta grafica di utilizzare i testi chiari sullo sfondo grigio scuro sottolinea l’eleganza e la lussuosità dei contenuti, mentre l’utilizzo del rosso richiama

costantemente all’identità del brand House & Loft e caratterizza fortemente il layout. (attenzione: il rosso è un colore che solitamente indica un pericolo)

HOUSE & LOFTWEBSITE COLORS

#17

1919

#FF

FFFF

#38

3c3e

#F4

0000

#85

8889

#43

4949

#00

0000

WEBSITE LAYOUTS

HOUSE & LOFT

3.5.2012

HOUSE & LOFT

3.5.2012

HOMEPAGE V.1

HOUSE & LOFT

3.5.2012

FUNZIONI PRINCIPALI

RICERCA Situato nella prima parte visibile del sito, è la funzione più importante a disposizione dell’utente. Sviluppato a leve di forza anzichè a menu a comparsa per migliorare la usability

MESSAGGIO PER L’ UTENTE

ULTIME VISUALIZZAZIONI

SERVIZI PER L’UTENTE

BANNER INTERNO

VALUTAZIONE IMMOBILE

VETRINA OFFERTE La navigazione avviene soprattutto per

visualizzazione di immagini

FILTRI DI VISUALIZZAZIONE

In questo caso le offerte sono divise in due livelli di filtri: “Affari Top” e diviso

per città principali

OFFERTE

HOUSE & LOFT

3.5.2012

ICONOLOGIA Nel sito sono state previste alcune icone per indicare gli stati interessanti delle offerte. Vengono proposti alcuni esempi.

PREZZO RIBASSATO

OFFERTE PIÙ VISTE

AFFARI TOP

OFFERTE PREFERITE

CONDIVIDI MAIL E SOCIAL

AGGIUNGI AI PREFERITI

HOUSE & LOFT

3.5.2012

HOMEPAGE CON SLIDER ALTERNATIVO

HOUSE & LOFT

3.5.2012

GRAZIE!