Retrouvez notre sélection des sites incontournables pour le mois de juillet. Notre agence web vous a préparé un TOP UI/UX qui vous fera voyager.
Making Your Dreams Travel
Isabella’s Dream est une expérience vidéo immersive imaginée pour le lancement de la nouvelle identité de Vacances Air Canada et de sa signature, “Faites voyager vos rêves™”. Les utilisateurs suivent Isabella au cours de son voyage en Italie à travers quatre médias sociaux différents, et peuvent tenter de remporter leur voyage idyllique. Le storytelling est puissant puisqu’on reste dans l’univers de la marque et de ses plateformes sociales. Les call-to-action pendant les vidéos permettent de voir les photos Instagram du compte, les bulles de SMS renvoient vers la page Facebook de Air Canada… Tout est réfléchi.
L’immersion commence dès l’arrivée sur le site, avec notamment le ton, la musique, le tournage et le montage vidéo qui apportent une réelle valeur ajoutée. En cette période estivale, on ne pourrait pas avoir plus envie de partir en vacances en Italie…
Du côté du webdesign, on apprécie particulièrement les transitions en ligne rouge entre les pages. On s’imagine déjà découvrir d’autres destinations avec Isabella… dans lequel cas il faudrait penser à du maillage interne. Du côté commercial, il n’y a aucune possibilité de commander un billet d’avion, le site ne sert strictement qu’au jeu concours.
#film #TV #interactive #fullscreen #transitions #video #WebGL #ReactJS
HiFly
Restons dans le monde du voyage avec le site de HiFly, compagnie aérienne spécialisée dans l'affrètement et les charters hauts de gamme dans le monde entier.
Dès l’arrivée sur le site, on est plongés dans l’univers de la marque : la page de chargement invite à patienter de la même façon qu’on attend un décollage à bord d’un avion. On remarque très vite le gros investissement en technologie 3D pour un rendu toujours plus réaliste : la présentation de la flotte d’Airbus est magnifique est bien réalisée. On pourrait reprocher l’invitation au scroll trop légère à notre goût, l’oeil étant davantage focalisé sur l’avion en mouvement.
Les vidéos viennent renforcer la qualité du site et nous immergent totalement à l’intérieur des avions.
Les codes du luxe aérien, avec des nuances de bleu, des typos avec empattements et des animations de nuages sont bien représentés.
#promotional #technology #360 #3D #video #wordpress #HTML5
A Bella Andrade
A Bella Andrade créée des aliments sains, bons et de qualité afin d'accompagner les familles dans un meilleur régime alimentaire.
En plus de l’UI réalisée avec goût, l’ergonomie du site et la navigation sont faciles à comprendre, ce qui permet une expérience utilisateur totalement satisfaisante.
Les zooms vidéos réussissent à faire saliver les plus gourmands, tandis que les produits défilent de manière esthétique et les transitions sont animées à la manière d’un coup de pinceau. Le fait de devoir click & drag pour accéder à la description des produits au lieu de simplement cliquer dessus ajoute un certain charme à l’ensemble. La description est quant à elle bien réalisée avec le couvercle du pot qui s’ouvre de plus en plus à chaque étape d’informations… À croquer. Dommage que ce site n’offre pas la possibilité d’acheter les produits.
#food #colorful #fullscreen #interaction #design #wordpress #CSS3 #HTML5 #jQuery
MENTION SPÉCIALE : Drawmote
Utiliser votre téléphone pour dessiner sur votre ordinateur, cela vous parait irréalisable ? Drawmote l’a pourtant fait. Le gyroscope du téléphone est utilisé comme un pointeur laser pour laisser exprimer l’artiste en vous dans votre navigateur web. On ne se lassera jamais des interactions mobile / desktop ! Une bonne manière de présenter le champs des possibles avec ces nouvelles technologies, même si on comprend vite la finalité du site après quelques minutes passés à dessiner...
#technology #experimental #animation #gestures #interaction #WebSockets #Node.js #Three.js
*UI : Interface utilisateur, l’UI correspond au design fonctionnel du site en jouant sur la sensibilité de l’internaute.
*UX : Expérience Utilisateur, l’UX prend en compte le parcours de l’internaute et facilite son expérience au sein du site internet.
L'agence123 est une agence digitale qui vous accompagne dans tous vos projets digitaux. Composée d’un pôle webdesign UI / UX, nous élaborons avec vous la meilleure expérience pour votre site internet ou e-commerce.
