Roberto Coin
E-Commerce
[/vc_column_text][/vc_column][/vc_row][vc_row el_class=”align-center”][vc_column skrollr=”true” offset=”vc_col-lg-9 vc_col-md-10″][vc_column_text css=”.vc_custom_1581457238841{margin-bottom: 40px !important;}”]A renewed platform
For a changed marketing strategy
[/vc_column_text][vc_column_text]Vicenza è la città dell’oro e, tra i più autorevoli sul territorio, Roberto Coin è un Marchio divenuto in pochi anni famoso in tutto il mondo, indossato dal jet-set internazionale e diffuso con sedi operative in più di un continente.Come molti nel settore ha deciso di rivoluzionare la propria distribuzione, tradizionalmente affidata ad agenti e rivenditori, posando un primo passo nel mondo della vendita online.
l’agenzia ha dato tutto il supporto, strategico, artistico, esecutivo e gestionale in un percorso delicato ed emozionante.[/vc_column_text][vc_empty_space][thb_portfolio_attribute style=”style2″][/vc_column][/vc_row][vc_row thb_full_width=”true” thb_row_padding=”true” content_placement=”middle” css=”.vc_custom_1588256304221{background-color: #e3dce4 !important;}”][vc_column offset=”vc_col-sm-offset-0″]
From Diamond Facets to Canvas,
from Canvas to pages
Uno dei caratteri distintivi dell’Azienda e dei suoi prodotti, riconosciuto tra gli addetti ai lavori, è il taglio dei preziosi, eseguito con un disegno unico, in grado di esaltarne luminosità e pregio.
Abbiamo adottato il disegno delle facce come firma per il design del nuovo e-commerce, interpretandolo via via all’interno delle pagine, a seconda del contesto.
Un reticolo di triangoli diviene così la mappa del mondo, una costellazione o un collage rosso rubino.[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1587399133780{background-position: center !important;background-repeat: no-repeat !important;background-size: contain !important;}”][vc_column][thb_cascading_parent][thb_cascading image_x=”-15%” animation=”animation top-to-bottom” thb_box_shadow=”thb_box_shadow” image=”4350″][thb_cascading image_y=”40%” animation=”animation top-to-bottom” thb_box_shadow=”thb_box_shadow” image=”4351″][thb_cascading image_x=”15%” image_y=”90%” animation=”animation top-to-bottom” thb_box_shadow=”thb_box_shadow” image=”4352″][/thb_cascading_parent][/vc_column][/vc_row][vc_row thb_video_bg=”https://www.lucabrandolini.com/wp-content/uploads/2020/04/roberto-coin-bg2.mp4″ el_class=”video-row-sx” css=”.vc_custom_1587492244080{margin-top: 20vh !important;padding-top: 40vh !important;}”][vc_column enable_parallax=”true”][/vc_column][/vc_row][vc_row][vc_column width=”1/2″ skrollr=”true”][/vc_column][vc_column width=”1/2″][vc_column_text]
Let ’em move
Abbiamo quindi deciso che per coerenza e forza questa texture doveva fare da sfondo a tutto il sito.
Perchè non finisse per diventare invasiva e generasse confusione, è stata alleggerita nelle tonalità e nei contrasti rischiando così di svanire.
L’introduzione di una lieve e delicata animazione ai nodi di questa rete, ha quindi fatto emergere all’occhio questo sfondo in movimento e restituito uno degli aspetti più peculiari del sito.[/vc_column_text][/vc_column][/vc_row][vc_row full_height=”true” el_class=”align-center”][vc_column skrollr=”true” offset=”vc_col-lg-9 vc_col-md-10″][vc_column_text]
Jewels creating a multicoloured site
Un’altro aspetto estetico richiesto era che il sito non avesse altri colori che quelli dei gioielli.
il color champagne come unica eccezione.
Non volendo cedere al bianco che rischiava di standardizzare il risultato di un progetto che volevamo, al contrario, molto personale abbiamo deciso di seguire l’obbligo…eludendolo.
Introducendo una funzione tecnica in grado di individuare il colore dominante di ogni foto, ci ha permesso di estrarre per ogni gioiello il proprio colore principale e, alleggerito, di applicarlo come sfondo al riquadro in cui era inserito.
Ne è risultato forse il contrario di ciò che il cliente si aspettava:
un sito multicolore, ma con il solo colore dei gioielli.[/vc_column_text][/vc_column][/vc_row][vc_row thb_row_padding=”true” el_class=”jewels”][vc_column width=”1/3″ skrollr=”true” skrollr_speed=”150″ animation=”animation top-to-bottom” offset=”vc_col-lg-4 vc_col-md-4 vc_col-xs-4″][vc_row_inner thb_row_padding=”true” css=”.vc_custom_1587552109970{margin-bottom: -10vh !important;}”][vc_column_inner width=”1/3″][/vc_column_inner][vc_column_inner width=”1/3″][vc_empty_space height=”20vw” css=”.vc_custom_1587558932639{background-color: #b5b0c3 !important;}”][/vc_column_inner][vc_column_inner width=”1/3″][/vc_column_inner][/vc_row_inner][thb_image animation=”animation top-to-bottom” alignment=”aligncenter” image=”4364″ img_size=”medium”][/thb_image][vc_empty_space height=”17vw” css=”.vc_custom_1587558844962{margin-top: -17vw !important;background-color: rgba(181,176,195,0.2) !important;*background-color: rgb(181,176,195) !important;}”][/vc_column][vc_column width=”1/3″ skrollr=”true” skrollr_speed=”50″ animation=”animation top-to-bottom” offset=”vc_col-lg-4 vc_col-md-4 vc_col-xs-4″][vc_row_inner thb_row_padding=”true” css=”.vc_custom_1587558949625{margin-bottom: -15vh !important;}”][vc_column_inner width=”1/3″][/vc_column_inner][vc_column_inner width=”1/3″][vc_empty_space height=”20vw” css=”.vc_custom_1587558941290{background-color: #c5ccc2 !important;}”][/vc_column_inner][vc_column_inner width=”1/3″][/vc_column_inner][/vc_row_inner][thb_image animation=”animation top-to-bottom” alignment=”aligncenter” image=”4377″ img_size=”medium”][/thb_image][vc_empty_space height=”20vw” css=”.vc_custom_1587558800573{margin-top: -19vw !important;background-color: rgba(197,204,194,0.2) !important;*background-color: rgb(197,204,194) !important;}”][/vc_column][vc_column width=”1/3″ skrollr=”true” skrollr_speed=”200″ animation=”animation top-to-bottom” offset=”vc_col-lg-4 vc_col-md-4 vc_col-xs-4″][vc_row_inner thb_row_padding=”true” css=”.vc_custom_1587558959211{margin-bottom: -12vh !important;}”][vc_column_inner width=”1/3″][/vc_column_inner][vc_column_inner width=”1/3″][vc_empty_space height=”20vw” css=”.vc_custom_1587558966792{background-color: #ebdeca !important;}”][/vc_column_inner][vc_column_inner width=”1/3″][/vc_column_inner][/vc_row_inner][thb_image animation=”animation top-to-bottom” alignment=”aligncenter” image=”4384″ img_size=”medium”][/thb_image][vc_empty_space height=”18vw” css=”.vc_custom_1587558856181{margin-top: -16vw !important;background-color: rgba(235,222,202,0.2) !important;*background-color: rgb(235,222,202) !important;}”][/vc_column][/vc_row][vc_row thb_row_padding=”true” el_class=”jewels” css=”.vc_custom_1587560246287{margin-top: 0px !important;}”][vc_column width=”1/3″ skrollr=”true” skrollr_speed=”50″ offset=”vc_col-lg-4 vc_col-md-4 vc_col-xs-4″][/vc_column][vc_column width=”1/3″ skrollr=”true” offset=”vc_col-lg-4 vc_col-md-4 vc_col-xs-4″][vc_row_inner thb_row_padding=”true” css=”.vc_custom_1587560332356{margin-bottom: -12vh !important;}”][vc_column_inner width=”1/3″][/vc_column_inner][vc_column_inner width=”1/3″][vc_empty_space height=”20vw” css=”.vc_custom_1587559321052{background-color: #ca8a5b !important;}”][/vc_column_inner][vc_column_inner width=”1/3″][/vc_column_inner][/vc_row_inner][thb_image animation=”animation top-to-bottom” alignment=”aligncenter” image=”4379″ img_size=”medium”][/thb_image][vc_empty_space height=”20vw” css=”.vc_custom_1587559338162{margin-top: -19vw !important;background-color: rgba(202,138,91,0.2) !important;*background-color: rgb(202,138,91) !important;}”][/vc_column][vc_column width=”1/3″ skrollr=”true” skrollr_speed=”50″ offset=”vc_col-lg-4 vc_col-md-4 vc_col-xs-4″][vc_row_inner thb_row_padding=”true” css=”.vc_custom_1587558949625{margin-bottom: -15vh !important;}”][vc_column_inner width=”1/3″][/vc_column_inner][vc_column_inner width=”1/3″][vc_empty_space height=”20vw” css=”.vc_custom_1587559351393{background-color: #9b7ea3 !important;}”][/vc_column_inner][vc_column_inner width=”1/3″][/vc_column_inner][/vc_row_inner][thb_image animation=”animation top-to-bottom” alignment=”aligncenter” image=”4378″ img_size=”medium”][/thb_image][vc_empty_space height=”18vw” css=”.vc_custom_1587559364160{margin-top: -16vw !important;background-color: rgba(155,126,163,0.2) !important;*background-color: rgb(155,126,163) !important;}”][/vc_column][/vc_row][vc_row thb_full_width=”true” thb_row_padding=”true” css=”.vc_custom_1582282002589{margin-bottom: 40vh !important;background-position: center !important;background-repeat: no-repeat !important;background-size: contain !important;}”][vc_column width=”1/2″][thb_cascading_parent][thb_cascading image_x=”15%” image_y=”70%” animation=”animation top-to-bottom” thb_box_shadow=”thb_box_shadow” image=”4404″][thb_cascading image_y=”30%” animation=”animation top-to-bottom” thb_box_shadow=”thb_box_shadow” image=”4405″][thb_cascading image_x=”30%” image_y=”-15%” animation=”animation top-to-bottom” thb_box_shadow=”thb_box_shadow” image=”4406″][/thb_cascading_parent][/vc_column][vc_column width=”1/2″][/vc_column][/vc_row][vc_row el_class=”align-center” css=”.vc_custom_1588683934650{margin-top: 60vh !important;margin-bottom: 10vh !important;}”][vc_column skrollr=”true” skrollr_speed=”50″ offset=”vc_col-lg-9 vc_col-md-10″][vc_column_text]
A pinch of special effects
Una homepage che fosse nuova, ricca e piena di contenuti non poteva risolversi in un lancio a tutto schermo di questo e quel contenuto:
doveva avere qualcosa di diverso e distintivo.
Abbiamo pensato a una homepage in 3 colonne in cui ciascuna assolvesse ad una diversa funzione, ma che si scorressero con un solo unico gesto di scroll.
Il grande lancio a sinistra promuoveva i contenuti principali in uno slideshow temporizzato, la colonna intermedia elencava news e ultimi aggiornamenti, mentre la più piccola a destra riportava gli articoli in vendita più in evidenza.
Diverse lunghezze definivano diverse velocità di scroll, generando uno sfasamento tra gli elementi delle colonne in una sorta di parallasse invertita.[/vc_column_text][/vc_column][/vc_row][vc_row el_class=”text-center” css=”.vc_custom_1588683958683{margin-bottom: 20vh !important;}”][vc_column offset=”vc_col-sm-offset-0″]
Full custom product area
La Collezione Cento, fiore all’occhiello della produzione, così denominata per il taglio unico dei diamanti a 100 facce, richiedeva di essere raccontata con un altrettanto… taglio unico.
É stata così creata una sezione dedicata del sito, con una serie di caratteristiche, cromatiche, funzionali e tecniche totalmente custom, in cui lo sfondo da champagne diventava blu notte, l’elenco prodotti diventava una sfilata e le peculiarità venivano spiegate con grande dovizia.
Abbiamo fatto un’area completamente diversa, come fossimo passati dal giorno alla notte.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/4″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row thb_full_width=”true” thb_row_padding=”true” css=”.vc_custom_1588264664367{padding-bottom: 60vh !important;background-color: #121e2a !important;background-position: center !important;background-repeat: no-repeat !important;background-size: contain !important;}”][vc_column][vc_row_inner][vc_column_inner width=”1/4″][/vc_column_inner][vc_column_inner width=”1/2″][thb_cascading_parent][thb_cascading image_x=”-15%” image_y=”10%” animation=”animation top-to-bottom” thb_box_shadow=”thb_box_shadow” image=”4360″][thb_cascading image_y=”60%” animation=”animation top-to-bottom” thb_box_shadow=”thb_box_shadow” image=”4361″][thb_cascading image_x=”15%” image_y=”100%” animation=”animation top-to-bottom” thb_box_shadow=”thb_box_shadow” image=”4362″][/thb_cascading_parent][/vc_column_inner][vc_column_inner width=”1/4″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css=”.vc_custom_1569686950383{margin-top: 80px !important;}”][vc_column el_class=”portfolio-limit”][vc_column_text]
