Gaggia
Website
[/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_1586350989528{margin-bottom: 40px !important;}”]New contents and UX for a website
respectful of the Brand coordinate image.
[/vc_column_text][vc_column_text]We were asked to re-design the Gaggia Milano website, in more detail for the brand branch related to the home coffee machines.We started from the analysis step, browsing the former website to get where the weak points stood, where information was missing and the functionalities failed.
Considering the b2c function, we decided to expand the model informations and thought we should allow a complete comparison between different machine models, to drive the audience to a more aware choice.
It ended working on a ecommerce website, just lacking the purchase final step.[/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]
The Brand identity and materials…
adapted to context.
We worked mainly on the client’s pre-existing materials, photos, texts, renders, icons and colours,
trying to get the best out of them.
Large product renders got zoomed and modified in order to focus on functionalities and specific details.
Archive pictures were modified to create a unique and coherent language throughout the whole website.[/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]
Expand icon use to create textures.
Converting catalogues into html pages wasn’t really enough, not enough to be a web design project.
We needed to add our touch, our personal Gaggia interpretation.
The corporate image traced a certain modern hipster/retrò style, if you focus on logo variations, on typography choice, on few decoration elements.
Therefore we decided to stick to this approach, and this peculiar style and working on iconography to come up with a sort of corporate texture.[/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_1591966754555{padding-top: 50vh !important;padding-right: 50vw !important;padding-bottom: 50vh !important;padding-left: 50vw !important;background-color: #222222 !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]
