LE BLOG

Toute l'actualité des CMS et de notre agence web.

Comme chaque début de mois, notre agence digitale vous communique sa sélection de sites internet incontournables. Nous vous invitons à découvrir notre TOP du mois de Mars des sites avec expériences UI/UX* qui nous ont marquées, sélectionnées par notre expert du Webdesign.

Fubiz Studio

lagence123 incontournable fubiz

 

Fubiz Media, le média en ligne français lance fubiz Studio, son agence indépendante afin de créer des projets sur-mesure. Nous vous proposons un site avec un design léger et épuré. Fubiz est ce qu’on peut appeler une pépite de WordPress. Nous apprécions le choix fait pour le curseur, le petit point couleur sable, discret mais efficace (qui fait un rappel à celui représenté dans le logo entre fubiz et studio). Notons aussi que la navigation proposée pour la page projet est tout à fait intrigante! Passez le tutoriel illustré qui dure quelques secondes et c’est parti, libre à vous de vous balader entre les différents projets. Si certains parmi vous souhaitent un affichage plus classique, il vous suffit de cliquer sur le bouton “liste” situé sur la droite de votre écran. Nous apprécions également la mise en place d’effets sur les statistiques de chaque projet, comme les vidéos en motion design ou les compteurs qui se modifient en temps réel. Les différents éléments de contenu sont tous bien choisis et apportent une valeur ajoutée au studio, entre les partenaires de taille, la représentation en temps réel des projets mis en place ou encore la géolocalisation sur une carte internationale.

 La qualité du contenu est superbe, le choix des images, des vidéos ou encore de la charte graphique, rien n’est laissé au hasard. TOUT est là pour le plaisir des yeux. Si nous devons être ultra exigeant, nous aurions souhaité un slider moins classique. Le slider en full sur la home page nous semble un peu trop classique par rapport au reste du site qui propose un design très recherché.

 

#agency #animation #navigation #wordpress #html5 #css3 #GSAP animation

 

Youtube Rewind 2017

lagence123 incontournables rewind

 

Youtube n’a pas fini de nous surprendre! Le réseaux social nous publie sa seconde édition de sa rétrospective annuelle, avec un design plus recherché que celui de l’année dernière. Cette page dotée d’un design simple fait son petit effet. La création est simplifiée à son maximum de façon à mettre en valeur les vidéos. Comme les fois précédentes, deux classements ont été réalisés (hors-musique et clips musicaux), en France et dans le monde. L’expérience utilisateur est bien pensée avec deux possibilités de navigation pour l’utilisateur, le scroll ou l’utilisation de la timeline sur le côté droit de la page. De plus, nous avons particulièrement apprécié ce rappel des différents buzz qui ont rythmé notre année organisé par catégories, musique, événement, mèmes, divertissement ou encore tendance.

Comme à notre habitude, nous aimons bien dire ce qui nous semble à améliorer sur une page. Dans le cas de celle-ci, nous nous demandons si le choix du style de navigation n’est pas un peu rébarbatif. Trop de minimalisme tue le minimalisme.

NB : Notre webdesigner ne valide pas du tout le choix de Despacito dans les tendances ;-)

#web & interactive #animation #minimaliste #parallax #scroll #3D #HTML5 #CSS3 #WebGL #Three.js

 

Wed’ze Lookbook Winter 2017-2018

lagence123 incontournables lookbook

 

Direction la montagne pour une dernière fois avant de ranger nos combinaisons de ski. Ce portfolio en ligne est celui de Wed’ze, marque de sport de glisse d’hiver de Décathlon. Le travail d’animation sur ce site est vraiment surprenant. En atterrissant dans une page en 3D, l’utilisateur est invité à choisir selon l’altitude la pratique et donc la catégorie de vêtement qui lui est la plus adaptée. Après avoir choisi sa catégorie, une transition full 3D amène le visiteur sur une page avec un photomontage alliant visuels et lowpoly (tendance qui mixe reliefs et géométrie). Effet et succès garantis ! Tout est dans le détail à partir de là. En scrollant sur une page produit, deux choses se passent, les différents produits sont présentés en full avec un “effet élastique”, et l’altitude affichée en background évolue selon les déplacements sur la page.

Pour résumer, beaucoup de bonnes idées. L’effort sur le photomontage est remarquable, graphiquement nous avons pas de doute sur le rendu. Mais, est-il indispensable de garder l’animation blanche qui suit le mouvement de notre souris dans la présentation des produits ?

#promotional #sports #animation #navigation #parallax #3D #HTML5 #CSS3 #GSAP Animation #Three.js

 

MENTION SPÉCIALE. PopCorn TV

lagence123 incontournables popcorn

 

Testez vos connaissances personnelles avec le défi PopCorn TV, le quiz numérique pour les fans des univers de la Pop-Culture et des séries télévisées ! Pour ne pas perdre une miette de cette expérience sensationnelle, n’oubliez pas de mettre le son et votre écran en mode full. Le graphisme retro-vintage est incroyable. Nous vous mettons au défi de regarder moins de 3 secondes les vidéos qui défilent de homepage. Le design et l’animation de ce site nous rendent totalement accros, tout comme sa fonctionnalité, il va désormais vous être compliqué de quitter les différentes pages de tests sans avoir essayé une fois de gagner un des quiz.

De plus, rien n’est laissé de côté, la version sur mobile du site est totalement responsive pour le plaisir de tous. Différentes thématiques vous sont proposées comme le Golden Quiz ou le Blind Test que vous développez en augmentant votre score. De quoi vous permettre de vous occuper et faire passer le temps lors de vos trajets dans les transports en commun , en voiture ou dans le train !

À vous de jouer et de faire grimper le score !

#film & TV #games #music #fullscreen #typography #WebGL #Bootstrap #CreateJS

 

 

L'agence123 est une agence web qui vous accompagne dans 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.

  

 

*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.

 

 

Nous vous suggérons également...

Télécharger nos livres blancs

livre blanc blog

A chaque marché sont site e-commerce 

Nous vous livrrons tous les secrets pour réussir sa boutique en ligne dans la mode, le sport et les pièces détâchées.