Trois tendances Web design intéressantes pour 2022

Temps de lecture : 2 minutes

Ce sont des modes, des gadgets, certains concepts resteront ou pas, ce sont de nouvelles manières de publier du contenu, de le rendre plus attrayant…


Scrolly-telling
Le scrolly-telling est un moyen de plus en plus populaire de tirer parti d’une interface numérique et de transmettre une histoire complexe. Ces effets visuels s’efforcent de captiver le public, en lui servant un contenu attrayant sur un plateau d’argent. Le scrollytelling est également appelé “visualisation narrative” — une série d’éléments visuels mis en séquence, organisés chronologiquement pour transmettre un message spécifique aux visiteurs.

Tout comme la possibilité de lire un livre à son propre rythme, les sites web permettent désormais de naviguer et de contrôler leur flux de manière personnalisée en comprenant que chaque utilisateur est différent et en présentant les messages de manière intrigante. De grandes images et des textes apparaissent via diverses animations qui accentuent leur proposition de valeur. Les gros plans, les images à faible luminosité, la typographie à grande échelle, ainsi que les transitions douces et fluides, créent une ambiance d’une manière propre et sophistiquée.

Data-design sur mesure
Chaque entreprise a une manière différente de publier le contenu de son site web, parfois il y a du son ou des vidéos, parfois des intégrations spécifiques avec d’autres services en ligne. Depuis plusieurs années, Webocube met en place des pages d’édition réalisées sur-mesure qui permettent d’éditer à l’interne un contenu “riche” sans aucune expertise technique.
Par exemple, le groupe Anglais “One Inch Punch” a demandé à Webocube de créer un principe d’édition pour représenter plusieurs groupes, tout en aménageant des blocs d’édition différents pour chacun. Certains affichent des vidéos, d’autres des testimoniaux, etc… Leur aspect en ligne est pour chaque bloc de donnée, finement intégré pour s’accorder à l’ergonomie générale du site web.

Autre exemple, le cabinet d’avocats Palmier et Associés intègre des articles du site Légifrance en complément des articles publiés, grâce à des paramètres simplifiés ajoutés sur la page d’édition du site web.

Défilement horizontal
En opposition à la navigation verticale familière et intuitive, une mise en page à défilement latéral peut donner lieu à des interactions surprenantes entre les textes et les images.
C’est particulièrement vrai pour les sites Web de portfolio, les catalogues, les cartes, etc. La découverte de projets, l’exploration de villes et la visite de galeries en ligne sont bien plus intéressantes avec une navigation latérale. Lorsqu’il est bien fait, le défilement horizontal peut rendre un site Web plus attrayant, plus amusant et plus mémorable, comme l’illustrent parfaitement les sites Web de notre liste.

Beyond the line
Les lecteurs PDF interactifs sont de plus en plus tendance puisqu’ils permettent de présenter une brochure de manière plus attrayante qu’un simple lecteur PDF de base. Ce système facile à mettre en place permet de publier du contenu en ligne et aussi d’y intégrer de la vidéo, du son, de l’interactivité. Pour exemple, l’ouvrage Amazing Stuff de Webocube qui, à l’origine, est un livre papier. 

Commentaires

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

  1. I am a website designer. Recently, I am designing a website template about gate.io. The boss’s requirements are very strange, which makes me very difficult. I have consulted many websites, and later I discovered your blog, which is the style I hope to need. thank you very much. Would you allow me to use your blog style as a reference ? thank you !

  2. I am a student of BAK College. The recent paper competition gave me a lot of headaches, and I checked a lot of information. Finally, after reading your article, it suddenly dawned on me that I can still have such an idea. grateful. But I still have some questions, hope you can help me.

  3. I may need your help. I tried many ways but couldn’t solve it, but after reading your article, I think you have a way to help me. I’m looking forward for your reply. Thanks.

  4. I may need your help. I tried many ways but couldn’t solve it, but after reading your article, I think you have a way to help me. I’m looking forward for your reply. Thanks.

06 84 16 50 23

S'abonner à la Newsletter
Mailchimp