Notre agence web vous livre, comme à son habitude, son TOP des sites web à l’expérience utilisateur et au webdesign incontournables. L’année 2019 commence en beauté avec la sélection de notre Directeur Artistique du mois de janvier !
Beauregard
“Un premier amour ne se remplace jamais.” - Honoré de Balzac. Sur cette belle citation, s’appliquant aussi bien pour l’être aimé que pour un objet, la maison Beauregard exprime son approche unique de l’art de la montre. Et nous livre par la même occasion un site unique et magnifique.
Leur première collection emblématique est présentée par une vidéo qui s’intègre parfaitement dans le bloc blanc de la homepage. On tire d’ailleurs notre chapeau à la direction artistique de cette vidéo qui fait gage de qualité et de prestige de la marque en mettant l’accent sur son travail d’orfèvre. Le bloc quant à lui surplombe une fleur aux pétales parfaites, symbole de la collection “Dahlia”.
Leur identité est ici bien marquée : des pétales flottantes, des dehlia déclinées en plusieurs couleurs et sous toutes leurs formes, que ce soit en photo ou sur leurs produits. L’immersion est réussie : les animations en mode “ondulations” des extrémités des pétales sont carrément hypnotiques.
Petit (gros) bémol sur les icons des réseaux sociaux et le choix de la langue qui ne sont pas lisibles dans le menu sur grand écran.
#business #corporate #minimal #parallax #scrolling #PixiJS #Vue.js
Ocean School
Ocean School a pour mission de faire comprendre l’influence de nos actions sur l’océan et celles de l’océan sur nous par le biais d’expériences interactives, de vidéos 360 et de mondes 3D. Un univers qui mérite donc un site à l’UX et l’UI irréprochables. Et c’est réussi ! Dès l’arrivée sur la homepage, on se retrouve immergée dans le storytelling : plus on scroll, plus on plonge dans les profondeurs de l’océan...jusqu’au niveau 2. Un peu dommage de ne pas avoir poussé le fil conducteur de la plongée plus loin et d’avoir changé du tout au tour à partir du niveau 3. Les animations réalisées à partir de la déformation d’une image créent un effet de mouvement parfaitement réussi.
Gros coup de coœur pour la page “Get started” et la vidéo de la baleine nageant en arrière plan.
#education #360 #3D #WebGL #ReactJS
Taste Atlas
On passe maintenant à un tout autre univers : celui de la culture culinaire. Taste Atlas recense une grande partie des plats et spécialités de chaque ville, pays et région à travers une map interactive presque aussi réactive que celle de Google Maps. On se questionne sur l’utilité de cette carte aux premiers abords. Mais, surprise, au clic sur un plat, on atterrit sur une page regroupant multitudes d’informations sur ce plat : origine, plusieurs recettes complètes, astuces de préparation, accompagnements, suggestions de restaurants où le déguster… Pratique quand on est à court d’idée pour le repas du soir et qu’on souhaite manger international !
#culture #food #drink #interaction #design #jQuery #Microsoft #ASP.NET
MENTION SPÉCIALE : Studio Job
Plateforme e-commerce ou réelle exposition d’art contemporain...on ne sait pas trop. Studio Job reflète, à travers son site, son ADN plus qu’original ainsi qu’une grande variété d’œuvres design sur une structure full page. Surprenant ? Génialissime ? Incohérent ? Inexplicable ? Bizarre ? Nous n’avons pas les mots pour définir ce site, c’est sans doute pour cette raison qu’il se retrouve dans notre mention spéciale du mois.
Par où commencer ? On ne sait plus où donner de la tête, et c’est à la fois un bon et un mauvais point : le scroll est infini, on retombe sur le début de la page sans s’en rendre compte . On adore les visuels aux 100 000 styles défilant de tous côtés, les illustrations farfelues et les photographies énigmatiques, les gros textes colorés qui surgissent de nulle part, le curseur en forme de doigt au survol, d’oeil au zoom et de main au défilement. Partout, il y a quelque chose à voir. Mention +++ pour le filtre de recherche hyper bien pensé.
Ce site a été fait par des excentriques et éventuellement pour des excentriques ! Sans plaisanter, c’est sans nul doute le seul reproche que l’on peut trouver dans cette conception : derrière une multitude d’idées, de réflexions et d’audace, on peut passer à côté du génie à cause d’un excès d’extravagance.
#art #e-commerce #WooCommerce #photography #animation #colorful #typography #HTML5 #CSS3
*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.
