Gaggia
Sito
[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1576861520420{padding-bottom: 7vh !important;}” el_class=”align-center”][vc_column skrollr=”true” offset=”vc_col-lg-9 vc_col-md-10″][vc_column_text css=”.vc_custom_1591960211483{margin-bottom: 40px !important;}”]Nuovi contenuti e UX Design
per un sito in linea con l’immagine coordinata del Brand.
[/vc_column_text][vc_column_text]L’obiettivo era ridisegnare il sito di Gaggia Milano, specificatamente dedicato al ramo aziendale delle macchine da caffè a uso domestico.Dopo una fase di analisi preparatoria, è emerso che il punto debole era principalmente la mancanza di informazione, laddove non veri e propri malfunzionamenti tecnici.
Considerando l’orientamento B2C del progetto, abbiamo deciso di aumentare al massimo la mole di informazioni veicolate e di introdurre la facoltà di confrontare i diversi apparecchi, così da permettere una scelta quanto più possibile corretta e consapevole da parte dell’utente.
Quel che è risultato è stato in pratica un sito e-commerce, mancante solo del finale processo di acquisto online.[/vc_column_text][vc_empty_space][vc_btn title=”Visit Website” style=”outline” shape=”square” color=”black” css_animation=”left-to-right” link=”url:http%3A%2F%2Fwww.gaggia.it|title:Visit%20Website|target:%20_blank|” css=”.vc_custom_1532871090498{margin-top: 20px !important;}”][thb_portfolio_attribute style=”style2″][/vc_column][/vc_row][vc_row thb_full_width=”true” thb_row_padding=”true” css=”.vc_custom_1552216804028{padding-top: 8vh !important;background-color: #222222 !important;}”][vc_column][vc_row_inner thb_max_width=”max_width” max_width=”true”][vc_column_inner][thb_image full_width=”true” animation=”animation right-to-left” alignment=”center” image=”827″][/thb_image][vc_empty_space height=”90px”][thb_image full_width=”true” animation=”animation left-to-right” alignment=”center” image=”854″][/thb_image][vc_empty_space height=”90px”][thb_image full_width=”true” animation=”animation right-to-left” image=”925″][/thb_image][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css=”.vc_custom_1576861520420{padding-bottom: 7vh !important;}” el_class=”align-center”][vc_column skrollr=”true” offset=”vc_col-lg-9 vc_col-md-10″][vc_column_text]
L’Identità del Brand e i suoi materiali,
adattati al contesto
Il materiale, fossero foto, testi, render, icone e palette colori, era essenzialmente già in possesso dal cliente.
Dovevamo solo farne il miglior utilizzo possibile.
I render in alta risoluzione pertanto sono stati ritagliati e ingranditi per far emergere i dettagli e funzionalità delle macchine.
Le foto d’archivio storico sono state modificate sotto un unico stile coerente per tutto il sito.[/vc_column_text][/vc_column][/vc_row][vc_row thb_row_padding=”true”][vc_column][thb_image full_width=”true” animation=”animation bottom-to-top” alignment=”center” image=”888″][/thb_image][/vc_column][/vc_row][vc_row thb_row_padding=”true”][vc_column width=”1/2″][thb_image full_width=”true” animation=”animation left-to-right” image=”892″][/thb_image][/vc_column][vc_column width=”1/2″][thb_image full_width=”true” animation=”animation right-to-left” image=”894″][/thb_image][thb_image full_width=”true” animation=”animation right-to-left” image=”898″][/thb_image][/vc_column][/vc_row][vc_row css=”.vc_custom_1576861520420{padding-bottom: 7vh !important;}” el_class=”align-center”][vc_column skrollr=”true” offset=”vc_col-lg-9 vc_col-md-10″][vc_column_text]
Comporre le icone per creare una texture
Convertire un catalogo prodotti in rete poteva essere sufficiente a creare il sito, ma non a chiamarlo un progettodi web design.
Volevamo mettere una firma, una personale interpretazione di Gaggia.
Le linee guida del brand ci sono state utili in tal senso: certe variazioni del logo, la scelta tipografica e alcuni elementi decorativi previsti, suggerivano un certo stile hipster/retrò.
Abbiamo deciso di marcare questo approccio singolare e di lavorare sull’iconografia per creare una vera e propria texture da applicare qui e là all’occorrenza.[/vc_column_text][thb_image full_width=”true” animation=”animation fade-in” image=”2108″][/thb_image][/vc_column][/vc_row][vc_row thb_full_width=”true” thb_row_padding=”true” content_placement=”middle” thb_video_bg=”https://www.lucabrandolini.com/wp-content/uploads/2018/06/screencast-gaggia.digital-mind.it-2018.06.09-16-30-43.mp4″ css=”.vc_custom_1591966692164{padding-top: 50vh !important;padding-right: 50vw !important;padding-bottom: 50vh !important;padding-left: 50vw !important;}” thb_video_overlay_color=”rgba(255,255,255,0)”][vc_column animation=”animation top-to-bottom”][/vc_column][/vc_row][vc_row css=”.vc_custom_1569686950383{margin-top: 80px !important;}”][vc_column el_class=”portfolio-limit”][vc_column_text]
