Showcase

  • Sito web HTML5 con Cinemagraph - LaborandCo
HTML5 e Cinemagraph per il nuovo sito web di LaborandCo.

Una nuova esperienza emotiva

Interact ha realizzato per LaborandCo. il nuovo sito web Responsive in HTML5 per presentare la nuova collezione di gioielli dedicata ai giovani. Un sito web emozionale che sfrutta in pieno le potenzialità tecniche e comunicative dell'HTML5 e delle Cinemagragh.

Esigenze

LaborandCo. è una nuova azienda composta da giovani designer che hanno lanciato una linea di gioielli che rispecchia il nuovo Made in Italy. LaborandCo. aveva l'esigenza di lanciare un nuovo sito web per comunicare con un target giovane trasferendo un'esperienza emotiva capace di coinvolgere gli utenti. Un nuovo sito basato su una navigazione e presentazione dei contenuti non convenzionale per associare ai gioielli una vera e propria esperienza di vita.

Realizzazione del sito web HTML5

Per la realizzazione del sito web Interact ha utilizzato untool evoluto per la programmazione in HTML5 che consente di progettare la navigazione del sito in modo non convenzionale inserendo elementi multimediali quali immagini, video e animazioni. Per rendere il sito maggiormente accattivante e trasferire un'emozione significativa il sito web è stato arricchito con diverse Cinemagraph.

La Cinemagraph è una immagine digitale in cui è presente un movimento spesso ripetitivo che da all'osservatore l'illusione di guardare un video offrendo un momento di vita che permette un assaggio di tempo da vivere e conservare all'infinito.

Il sito web in HTML5 è stato inoltre realizzato in modo da essere compatibile con tutti dispositivi desktop e mobile secondo le nuove logiche del Responsive design.

Interact in stretta collaborazione con il committente ha strutturato il progetto di comunicazione focalizzandosi su specifici punti:

  • Elaborazione concept creativo e relativa design strategy;
  • Definizione idea comunicativa e declinazione sulla UX;
  • Definizione delle modalità di interazione;
  • Progettazione e realizzazione layout del sito;
  • Progettazione dell'interfaccia grafica e di tutte le sue componenti principali;
  • Progettazione e realizzazione eventuali animazioni HTML5.

La home page è caratterizzata da uno sfondo nero che mette in evidenza il brand e un testo interattivo "START EXPERIENCE", tutto accompagnato da musica di sottofondo.

Il secondo livello di navigazione dà inizio al viaggio emotivo, un perfetto connubio tra diversi modi per vivere le collezioni della LaborandCo associate allo stile di chi li indossa. L'utente può scegliere di iniziare il viaggio/navigazione da 5 differenti sezioni:

  • DAILY
  • USUALLY
  • TEMPORARILY
  • RECENTLY
  • FOREVER

Ogni singola sezione rappresenta uno stile di vita ma soprattutto il vero valore emotivo che un gioiello può avere in quella precisa situazione, in quell'istante; il tutto raccontato in semplici frasi. Per offrire ad ogni singola sezione una dinamicità ed un effetto molto vicino alla realtà sono state realizzate delle Cinemagraph.

Risultati

Il risultato è un sito web in HTML5 che offre una user experience completamente rivoluzionata che coinvolge l'utente in un viaggio di emozioni e di esperienze personali in cui ogni gioiello ha un ruolo speciale associato a uno specifico mood e contesto.