Blog
14/11/2019

Meilleurs designs web 2019 – 2020

Une année de plus, nous voilà repartis pour notre désormais incontournable sélection et analyse des meilleurs webdesigns. Cette fois, on ne fait pas les choses à moitié : en plus de sites incroyables, nous avons élargi la sélection à pas moins de 20 sites web. Place aux meilleurs designs web de 2019-2020 !

[superfeatured]7076[/superfeatured]

Si vous venez de nous découvrir via Google, il est grand temps de vous inscrire à notre newsletter pour recevoir toutes les dernières tendances en design et des formations exclusives : Inscrivez-vous maintenant

Voici les critères que nous privilégions pour intégrer un site à notre sélection annuelle :

  • Originalité ou apport d’une vraie nouveauté
  • Adhésion aux dernières tendances en design graphique et web
  • Utilisation de technologies de pointe
  • Impact visuel (le fameux effet “wow” dès l’arrivée sur le site !)

En résumé : il faut que ça envoie du lourd.

WOWWW ! On a déjà publié notre nouvelle sélection des meilleurs designs web 2020 – 2021

Comme annoncé, cette année la sélection est particulièrement riche : 20 analyses détaillées, chacune accompagnée de captures d’écran supplémentaires. À noter : l’ordre de présentation n’a aucune incidence sur la qualité des sites. Il s’agit simplement d’un panorama des réalisations les plus marquantes de l’année.

Allez, c’est parti ? On commence !

Éditions précédentes

Les meilleurs designs web de 2019-2020

Active Theory

 

Première référence de notre sélection : le site d’Active Theory, véritable vitrine du savoir-faire en matière de design et développement web haut de gamme.

Ce site présente le travail de ce studio spécialisé, qui a mis les petits plats dans les grands pour démontrer tout son potentiel auprès de ses futurs clients.

On retient notamment l’utilisation de typographies XXL, qui donnent immédiatement le ton et témoignent d’une conception signée par de vrais pros du webdesign. On sent que chaque tendance, qu’elle soit graphique ou web, a été soigneusement intégrée.

L’univers visuel s’inspire d’une dystopie futuriste, très proche de l’ambiance Blade Runner.

La navigation est simplifiée grâce à un menu latéral à droite, permettant de parcourir les différentes sections du site en toute fluidité.

Mention spéciale pour l’animation d’accueil, particulièrement réussie.

 

Autre détail marquant : le curseur, qui crée un effet d’ondulation survolant l’écran, parfaitement en phase avec l’identité visuelle du site.

Voir le site

Boë Gin

Deuxième site à l’honneur : Boë Gin, réalisé par le studio britannique Tayburn pour la marque de gin éponyme.

L’objectif de Boë Gin ? Se démarquer clairement de la concurrence et affirmer son identité.

Le produit se distingue par ses couleurs vives et ses associations audacieuses, un parti pris que l’on retrouve pleinement dans le webdesign.

Ce site figure dans notre classement pour son utilisation décomplexée et assumée des couleurs et des formes.

Autre point fort : la typographie, très contemporaine, puissante et omniprésente.

Dès les premiers instants, on est plongé dans une ambiance très indienne, avec une forte influence asiatique, où chaque élément culturel est subtilement intégré.

Voir le site

ddd

 

 

 

Troisième référence : le site d’un événement de design digital à Milan.

La palette de couleurs, les effets et les transitions sont particulièrement inspirants.

La navigation repose sur un scroll vertical, permettant de découvrir chaque section du site et d’apprécier la richesse des ressources numériques utilisées.

Je vous invite à explorer ce site par vous-même pour comprendre pourquoi il figure parmi les meilleurs de l’année 2019-2020.

Voir le site

Digital conference

Quatrième site de notre sélection, et non des moindres : une véritable pépite de design et d’innovation. Le niveau est tel qu’on ne sait même pas par où commencer.

Ce site a raflé de nombreux prix et figure dans de multiples classements internationaux. Nous l’avions d’ailleurs déjà mis en avant dans plusieurs articles de notre blog.

À ce stade, le mieux est encore de cliquer et de découvrir par vous-même pourquoi il est autant plébiscité.

À retenir :

  • L’utilisation de typographies géantes
  • Un menu conçu de façon ultra-innovante
  • Une mise en page de l’information très originale
  • Une expérience utilisateur parfaitement maîtrisée

Quelques points qui expliquent pourquoi ce site fait partie de notre sélection annuelle, et qui en font l’un de mes favoris.

Voir le site

Gruev

 

Voici une référence qui se distingue par sa créativité, tant dans l’ergonomie que dans la navigation.

Ce site présente les réalisations de Vladimir Gruev, designer digital et développeur web. Pour se présenter, il a conçu un site spectaculaire, à la pointe de l’ergonomie et du design.

Le menu est divisé en quatre sections, positionnées stratégiquement aux points cardinaux : nord, sud, est, ouest.

Au centre, une brève description permet de savoir ce que chaque section propose avant de cliquer.

Mais la vraie surprise arrive justement après ce clic : l’intérieur de chaque section regorge de créativité, faisant de ce site une véritable prouesse de communication digitale.

N’hésitez pas à visiter ce site et à vous laisser inspirer par la maîtrise technologique et le sens du design.

Voir le site

Granyon Party

Ce site intègre plusieurs tendances web majeures qui vont marquer 2020.

Les typographies géantes s’intègrent au design comme un élément à part entière, devenant un vecteur clé de la communication utilisateur.

En parcourant ce site, on découvre un design où chaque détail a été pensé avec soin.

La palette de couleurs est également très intéressante : un vert jungle profond, associé à un blanc légèrement teinté de vert.

La navigation se fait via un scroll vertical classique, ce qui permet de parcourir l’ensemble du contenu de façon simple et intuitive.

Voir le site

Kik

 

Ce site a été conçu pour un festival international dédié à la création et à la culture digitale, mettant en avant le lien entre création artistique et enjeux économiques des nouvelles technologies.

Le design occupe ici une place centrale.

La navigation donne l’impression de feuilleter le carnet de voyage d’un explorateur : le contenu surgit de façon aléatoire, donnant une impression de chaos maîtrisé. En y regardant de plus près, tout est pourtant parfaitement orchestré.

Voir le site

Ninja Guru

Place à l’un de nos coups de cœur : attention, pépite en vue.

Ce site présente un collectif créatif spécialisé dans l’art interactif, réunissant artistes, designers interactifs, développeurs, ingénieurs, sculpteurs et créateurs en tout genre.

Le design est spectaculaire : typographies massives, images déformées, mini-vidéos façon GIF… La navigation est à la fois ultra-attractive, moderne et résolument avant-gardiste.

Ce site intègre plusieurs tendances web qui vont façonner 2020.

La navigation, comme souvent, repose sur un scroll vertical, permettant de parcourir toutes les sections.

Chaque section est cliquable pour accéder à des sous-pages. N’hésitez pas à explorer chaque recoin de ce site, il regorge de surprises.

Voir le site

WOWWW ! On a déjà publié notre nouvelle sélection des meilleurs designs web 2020 – 2021

Flavinsky

 

[video width=”918

Vous avez aimé ?
Abonnez-vous
Articles connexes
On commence à travailler
sur votre projet ?

Nous analysons votre situation actuelle et définissons la prochaine étape.

Contactez maintenant
Notre site utilise des cookies pour collecter des informations sur votre appareil et votre activité de navigation. Nous utilisons ces données pour améliorer le site, assurer la sécurité et fournir un contenu personnalisé. Vous pouvez gérer vos préférences en matière de cookies en cliquant ici.
Accepter les cookies Installation Rejeter les cookies
Informations de base sur les cookies
Ce site Web utilise des cookies et/ou des technologies similaires qui stockent et récupèrent des informations lorsque vous naviguez. De manière générale, ces technologies peuvent avoir des finalités très différentes, comme par exemple vous reconnaître en tant qu'utilisateur, obtenir des informations sur vos habitudes de navigation ou personnaliser la manière dont les contenus sont affichés. Nos utilisations spécifiques de ces technologies sont décrites ci-dessous. Par défaut, tous les cookies sont désactivés, à l'exception des cookies techniques, nécessaires au fonctionnement du site. Si vous souhaitez plus d'informations ou exercer vos droits en matière de protection des données, vous pouvez consulter notre Política de cookies".
Accepter les cookiesInstallation
Cookies techniques nécessaires Toujours actif
Les cookies techniques sont strictement nécessaires au fonctionnement de notre site Internet et à votre navigation. Ces types de cookies sont ceux qui, par exemple, nous permettent de vous identifier, vous donnent accès à certaines parties restreintes de la page si nécessaire, ou mémorisent différentes options ou services déjà sélectionnés par vous, comme vos préférences de confidentialité. Ils sont donc activés par défaut et votre autorisation n’est pas nécessaire. En configurant votre navigateur, vous pouvez bloquer ou vous alerter de la présence de ce type de cookies, même si ce blocage affectera le bon fonctionnement des différentes fonctionnalités de notre site Internet.
Cookies de análisis
Las cookies de análisis son las utilizadas para llevar a cabo el análisis anónimo del comportamiento de los usuarios de la web y que permiten medir la actividad del usuario y elaborar perfiles de navegación con el fin objetivo de mejorar los sitios web.
Cookies publicitarias
Las cookies publicitarias permiten la gestión de los espacios publicitarios de la web. Además, estas cookies pueden ser de publicidad personalizada y permitir así la gestión de los espacios publicitarios de la web en base al comportamiento y hábitos de navegación de usuario, de donde se obtiene su perfil y permiten personalizar la publicidad que se muestra en el navegador del usuario u otros perfiles y redes sociales del usuario.
Confirmer les préférences
Contactez-nous
Formulaire

Racontez-nous
votre projet

Indiquez le contexte général de votre organisation et la portée prévue du projet.
Code Barcelona, ​​​​en tant que responsable du traitement de vos données, les traitera afin de répondre à la question et/ou à la demande que vous nous adressez via ce formulaire de contact. Vous pouvez exercer vos droits d'accès, de rectification, de suppression, ainsi que d'autres droits en consultant les informations complémentaires détaillées sur la Protection des Données dans notre politique de confidentialité.
Title
Popupcontent
Analyse de votre situation numérique

Nous examinerons votre situation numérique actuelle. Nous vous contacterons pour comprendre votre contexte et évaluer ensemble les domaines à analyser, puis nous préparerons un audit avec les points clés et les recommandations.

Code Barcelona, ​​​​en tant que responsable du traitement de vos données, les traitera afin de répondre à la question et/ou à la demande que vous nous adressez via ce formulaire de contact. Vous pouvez exercer vos droits d'accès, de rectification, de suppression, ainsi que d'autres droits en consultant les informations complémentaires détaillées sur la Protection des Données dans notre politique de confidentialité.
Aceptar