Sélection webdesign UI UX juillet 2017

Comme chaque début de mois, notre agence digitale vous propose sa sélection de sites internet incontournables pour le mois de Juillet 2017. Découvrez notre TOP 3 par notre expert du Webdesign. Vous trouverez ici les expériences UI/UX* de site web qui nous ont interpellé :

 

50 ans du cinéma belge, une fois !

webdesign site web ui ux cinema belge 2017

La Mer du Nord et ses plages de sable, les vertes campagnes, une douce odeur de Waffle accompagnée d’une bière au houblon (à consommer avec modération) ... Pas de doute, nous faisons bien escale en Belgique !
Nos chers amis Wallons & Flamands nous font l’honneur ici de nous embarquer dans un voyage à travers 50 films qui ont marqué l’histoire du cinéma belge ces cinquantes dernières années.

Sur un fond dégradé de bleu composé d’une vidéo de “neige”, rappelant la qualité des bandes de cinéma d’époque, vous allez redécouvrir (ou découvrir pour les plus jeunes) chaque film culte par année. Il faudra malgré tout être un internaute averti car la phrase incitant le scroll est située en pied de page dans une typographie peu lisible selon nous.

Un détail vite oublié dès lors notre action effectuée, la décomposition de l’illustration “50” créée un nouveau point de vue sur la profondeur de votre écran pour passer du 2D à une “fausse” 3D. Chaque année représente un film et chaque film dispose d’une fiche détaillée comprenant le synopsis, les acteurs, l’équipe de tournage, une interview, etc. Ici, le cinéma est véritablement mis à l’honneur, plus que les acteurs ou le contexte cinématographique.

Nous regrettons cependant l’absence d’avis, de critiques, ou de mentions de spécialistes. Contrairement à notre client l’Officiel des Spectacles qui a très bien su mettre en valeur cette partie recherchée par tous les cinéphiles.

Malgré une taille de typographie réduite, l’interface utilisateur a été intelligemment conçue car en effet si vous ne souhaitez pas scroller les 50 années une par une pour aller voir directement celle qui vous intéresse, vous avez alors la possibilité de naviguer grâce au curseur situé à droite de votre écran.

#Web&interactive #Animations #WebGL #Modernizr #Typekit #Belgique #Cinéma

 

Adopte un Fauteuil

webdesign site web ui ux opera garnier 2017

L’Opéra national de Paris vous propose une expérience inédite : adopter un fauteuil du Palais Garnier ! Par cet acte de générosité, vous pourrez apposer sur le fauteuil de votre choix une plaque gravée à votre nom, celui d’un proche ou celui de votre entreprise afin de témoigner de votre lien privilégié avec le Palais Garnier.

Vidéo de présentation de l’opéra, filtre rouge rappelant la couleur des sièges et surtout le monde de l’opéra, chant lyrique… Autant d’éléments qui nous rappel la qualité et le prestige de cet édifice qui s’impose comme le monument ancré au coeur du 9eme arrondissement de Paris.

Vous serez très rapidement amené sur la visite virtuelle du plan de l'Opéra pour choisir le fauteuil de votre choix (côté orchestre, balcon ou amphithéâtre). Tel un site e-commerce, vous pourrez ajouter au panier le fauteuil, en solo ou en duo, et entrer votre message. Tout cela pour une coquette somme allant de 1500 euros pour des sièges en cuivre, jusqu’à 20 000 euros pour des sièges en bronze…

Nous n’oublions cependant pas le but de cette campagne de collecte de fonds qui est tout à fait louable ! Le site est parfaitement empreint de l’esprit de l’Opéra qui traverse les âges, nous adhérons (l’agence123 sera peut-être inscrite sur l’un de ces fauteuils) :)

#Culture & Education #Institutions #Promotional #Design Interactif #WebGL #Hammer.JS #PHP #Paris #Don

 

Piper-Heidsieck : la tendance qui bulle

webdesign site web ui ux piper heidsieck 2017

La première apparition d'une bouteille de champagne Piper-Heidsieck sur le grand écran fut en 1933, dans le film "Les Compagnons de la nouba" de Laurel et Hardy, qui marqua le début d'un lien inébranlable entre le cinéma et Piper-Heidsieck. Aux côtés de légendes comme Ava Gardner et Humphrey Bogart, Clark Gable ou encore Fred Astaire, le champagne a souvent joué un des meilleurs seconds rôles au cinéma.

Le site proposé ici possède une architecture assez simpliste : vous serez tout de suite attiré par la qualité des vidéos qui rendent le site très dynamique !

Ce qui a également retenu notre attention est sans nul doute la présentation de leur cuvée. Avec un graphisme très sobre pour mettre en valeur leur produit, la bouteille est ainsi sublimée. Chaque scroll vous présente une nouvelle facette de la bouteille avec un adjectif associé. À la manière de la marque à la pomme, c’est un pari réussi pour cette marque emblématique !

#Web&interactive #Animations #Drupal #Food&Drink #champagne #luxe