408 Rue Albert Bailly - 59290 Wasquehal, France

32 des meilleurs sites web conçus pour vous inspirer en 2020

Agence Webmarketing à Lille

32 des meilleurs sites web conçus pour vous inspirer en 2020

De temps en temps, je tombe sur un site web qui m’attire vraiment. J’en ai donc trouvé 32 à vous montrer.

Ces sites repoussent les limites de ce que l’on sait être possible sur le web. Qu’il s’agisse de l’esthétique, de la convivialité, de l’interactivité, de la conception sonore ou de la valeur que le site apporte, chacun est un chef-d’œuvre dans son secteur d’activité et peut être source d’inspiration.

Il n’est pas surprenant que de nombreuses organisations existent pour mettre en valeur ces sites et les contributions qu’ils apportent au web. Pour aider à faire émerger certains des designs les plus inspirants, j’ai rassemblé 32 lauréats qui ont fait leur chemin dans plusieurs organismes de récompenses clés – y compris Awwwards, UX Awards, The Webby Awards, SiteInspire, Best Website Gallery et FWA.

Cliquez sur les liens ci-dessous pour accéder à un groupe de sites web qui l’ont écrasé au cours des dernières années :

En dessous de cette liste, j’ai également trouvé six autres sites web dont la conception de la page d’accueil est tout simplement cool et qui méritent d’être étudiés.

En parcourant la liste, sachez que chaque site excelle à sa façon et cherche à servir un objectif unique. Si un site peut être un excellent exemple de conception visuelle, un autre peut être un excellent exemple d’interactivité. Cela signifie que tous ces sites ne sont pas forcément des « machines de conversion » ou des idées de plans que vous pouvez facilement copier sur votre site.

Ce sont plutôt d’excellents moyens de s’inspirer pour la conception de sites web et de voir le marketing de pointe qui se fait dans les différents coins du web.

Meilleures conceptions de sites web

L’Amérique vierge
Flux
ETQ
Mikiya Kobayashi
L’histoire du changement climatique
Beagle
Magazine Tissé
Le haricot de JOHO
Le monde de SWISS
Les gardiens de la forêt tropicale
Protester les vêtements de sport
La Guilde des enseignants
A l’intérieur d’Abbey Road
Simplement du chocolat
NOWNESS
Citrix : La nouvelle main-d’œuvre mobile
crypton.trading
Sud-ouest : Coeur du voyage
Redressement
Débordement
Musée Frans Hals
Minimums
La Pieuvre : Blog de l’IDEO sur le design
Tribu nomade
MovieMark
Guillaume Tomasi
Le district
Tej Chauhan
Amanda Martocchio Architecture
Le district
Tej Chauhan
Amanda Martocchio Architecture

De beaux sites web primés

Et les prix vont à …

Meilleures conceptions de sites web de 2014 à 2015

1. L’Amérique vierge

Prix : La plus importante évolution de l’industrie, prix UX 2014

Dans un monde où les sites web des compagnies aériennes sont connus pour être truffés de problèmes majeurs de convivialité, L’Amérique vierge possède l’un des meilleurs sites web qui met en avant la convivialité, l’accessibilité et la conception adaptée. En fait, il a été désigné comme le premier site web de compagnie aérienne véritablement réactif, ce qui constitue un nouveau précédent dans le secteur.

Homepage of Virgin America, an award-winning websiteEn vedette : UX Awards

2. Flux

Prix : Site du jour (6/6/2015), Awwwards

Non seulement Flux un concept intéressant, mais il a aussi une exécution étonnante qui remet en question notre compréhension de ce qui est possible sur le web. Grâce à un mélange créatif d’animation et de vidéo, le site immerge l’utilisateur dans une expérience très engageante. En tant que site atypique, il contient également plusieurs éléments de convivialité uniques, dont une navigation qui fait office de barre de progression de défilement.

Homepage of Feed, an award-winning websitePrésenté par Awwwards

3. ETQ

Prix : Site du jour (19/5/2015), Awwwards

ETQ adopte une approche très minimaliste du commerce électronique avec son site dépouillé, qui présente des visuels grands et convaincants de ses produits. Des fonds simples, plats et colorés, accompagnés d’une forte typographie, aident à garder l’accent sur ce que l’utilisateur est venu voir : les chaussures.

Homepage of ETQ, an award-winning websitePrésenté par Awwwards

4. Mikiya Kobayashi

Prix : Site du jour (7/4/2015), Awwwards

Mikiya est un concepteur de produits avec un portfolio minimaliste qui met en valeur son travail à travers des photographies fortes et des animations subtiles. Son site complet a été créé à l’origine en japonais puis traduit en anglais, ce qui a permis de démontrer l’extensibilité internationale de son design.

Homepage of Mikiya Kobayashi, an award-winning websitePrésenté par Awwwards

5. L’histoire du changement climatique

Prix : Site du jour (6/23/2015), Awwwards

Suivez les traces de Luc Jacquet dans ce voyage visuel et éducatif sur le l’histoire du changement climatique mondial. Un mélange de médias historiques et d’animations uniques aide à raconter l’histoire.

Homepage of The History of Climate Change, an award-winning websitePrésenté par Awwwards

6. Beagle

Prix : Site du jour (19/4/2015), Meilleure galerie de sites web

Beagle fait un travail exceptionnel pour raconter visuellement et progressivement l’histoire de leur produit d’une manière simple et facile à digérer. Il s’agit d’un défi majeur pour de nombreuses start-ups, en particulier lorsqu’elles introduisent de nouveaux concepts sur des marchés existants. Les gens veulent savoir : « Quel est votre produit ? Comment fonctionne-t-il ? Pourquoi est-ce que je m’en soucie ? Beagle répond à toutes ces questions tout en montrant son produit et en incitant l’utilisateur à l’acheter. De plus, c’est l’un des rares sites à avoir correctement mis en œuvre le « détournement de défilement ».

Homepage of Beagle, an award-winning websitePrésenté par la Best Website Gallery

7. Magazine tissé

Prix : Site du jour (4/4/2015), meilleure galerie de sites web

Tissé est une publication en ligne qui célèbre les artistes, les artisans et les fabricants. Pour moi, elles représentent une confirmation que les publications peuvent (et doivent) avoir des sites magnifiques et attrayants avec un contenu facile à lire. Exempt de distractions telles que les pop-ups et les publicités gênantes, ce site est entièrement consacré à l’expérience du contenu lui-même.

Homepage of Woven Magazine, an award-winning websitePrésenté par la Best Website Gallery

8. Le haricot de JOHO

Prix : FWA of the Day (8/7/2015), Prix du site web préféré

Le site web de Le haricot de JOHO a une imagerie, une interactivité, une narration, une conception visuelle et surtout une ingénierie du son incroyables. Tous ces éléments sont réunis pour créer un site fascinant, émotionnel et engageant qui raconte l’histoire du voyage d’un grain de café.

Homepage of JOHO's Bean, an award-winning websiteAvec la participation de la FWA

9. Le monde de SWISS

Prix : Meilleure interface utilisateur, prix Webby 2015

Une autre compagnie aérienne ? ! Qu’est-ce qui se passe ?! Ouaip, SUISSE Les compagnies aériennes ont construit un site incroyablement immersif qui raconte leur histoire et décrit ce que c’est que de voler avec elles – et elles ont tout simplement fait un trop grand travail pour être ignorées. Des visuels et des animations percutantes présentent à l’utilisateur différentes sections du site qui regorgent d’informations au-delà du discours commercial et marketing habituel qui est si courant aujourd’hui.

Homepage of World of SWISS, an award-winning websitePrésenté par les Webby Awards

Meilleurs sites web à partir de 2016

10. Gardiens de la forêt tropicale

Prix : Meilleur site web d’activisme, 2016 Webby Awards

Les gardiens de la forêt tropicale est devenu l’un des sites web à but non lucratif les plus immersifs de 2016. Cherchant à sensibiliser à la déforestation, le site permet aux utilisateurs de « visiter » les différents villages, les autochtones et les cours d’eau qui composent la forêt amazonienne. Le site place l’interactivité au centre de son expérience utilisateur, un choix judicieux si votre objectif est d’amener les gens à se rallier à votre cause et à se convertir en bénévoles.

rainforest-guardians-best-website-design-2016

Présenté par les Webby Awards

11. Protester les vêtements de sport

Prix : Site de l’année (2016), Awwwards

Les appels des Awwwards Protester les vêtements de sport un « look book », et c’est exactement ce qu’est ce site. En tant que fabricant de vêtements, ce site a réinventé la façon dont il commercialise ses produits : Plutôt que de promouvoir des vêtements, Protest Sportswear fait la promotion de « looks ». Cela fait du produit de l’entreprise la partie la plus attrayante du site lui-même, utilisant un collage de styles pour concevoir une page d’accueil qui change aussi souvent que les styles de ses clients.

protest-sportswear-best-website-design-2016

Présenté par Awwwards

12. L’association des enseignants

Prix : Meilleur site web d’association, 2016 Webby Awards

La Guilde des enseignants est une communauté professionnelle d’éducateurs dont le site web publie des contenus qui répondent aux défis les plus critiques de l’éducation d’aujourd’hui. Ce qui fait que ce site web est primé, c’est la façon dont il équilibre les différents types de contenu – programmes, solutions, approches et collaborations – sans accabler ses visiteurs. Non seulement les images de fond sont bien visibles, mais elles utilisent également des espaces blancs pour mettre en évidence les appels à l’action écrits au centre, comme le montre la capture d’écran ci-dessous.

teachers-guild-best-website-design-2016

Présenté par les Webby Awards

13. A l’intérieur d’Abbey Road

Prix : Meilleur site web musical, 2016 Webby Awards

Google l’a fait sortir du lot avec ce site hautement interactif sitequi permet aux utilisateurs d’entrer dans les studios d’Abbey Road. Une conception sonore brillante, une mécanique de navigation et des visuels mélangés à l’habituel « flair Google » contribuent à attirer les visiteurs dans cette propriété web bien faite.

Homepage of Google's Inside Abbey Road, an award-winning websitePrésenté par les Webby Awards

Meilleurs sites web à partir de 2017

14. Simplement du chocolat

Prix : Site de l’année (2017), Awwwards

Vous aurez une envie de chocolat rien qu’en regardant ce site web — et d’une certaine manière, c’est Simplement du chocolatLe site web de la Commission fonctionne comme prévu.

Cet appétissant site web est celui d’un chocolatier danois nommé Simply Chocolate. Son site web utilise une variété de couleurs (et des noms de produits créatifs) pour promouvoir chaque barre de chocolat. Et lorsque vous passez d’un produit à l’autre, ils semblent tous rester cohérents dans la marque. L’aspect tridimensionnel de chaque barre de chocolat vous donne l’impression de pouvoir la saisir sur votre écran d’ordinateur, tandis que le CTA « Add to Box » en haut à gauche est idéalement placé pour que les utilisateurs puissent sélectionner les produits qu’ils veulent tout en naviguant.

simply-chocolate-best-website-design-2017

Présenté par Awwwards

15. NOWNESS

Prix : Meilleur blog/site web culturel, 2017 Webby Awards

Nowness est peut-être le vidéoblog le plus cool sur Internet aujourd’hui. C’était une bouchée … qu’est-ce que tout cela signifie ?

NOWNESSLe fait que l’UE soit un pays « à forte densité de population » explique en partie pourquoi elle a été récompensée. Cela signifie que la plupart de son contenu provient de créateurs indépendants, une façon de plus en plus populaire pour les entreprises de publier du contenu. NOWNESS est également un blog vidéo, ce qui signifie que tout le contenu de son blog est en format vidéo. Ensemble, ces qualités contribuent à faire de Nowness un centre captivant pour les histoires que les marques du monde entier s’efforcent de raconter.

Homepage of NOWNESS, an award-winning websitePrésenté par les Webby Awards

16. Citrix : La nouvelle main-d’œuvre mobile

Prix : Site du jour (23.11.2017), Meilleure galerie de sites web

Ce site web — consacré au partenariat de Red Bull avec Citrix, une entreprise de logiciels en ligne — est étonnant.

La nouvelle main-d’œuvre mobileLe site de Citrix utilise des photos panoramiques pour montrer aux visiteurs comment Citrix soutient la nouvelle voiture de course de Red Bull Racing. Même si vous n’êtes pas un passionné de course automobile, il est difficile d’ignorer les animations astucieuses du site qui expliquent une technologie automobile complexe.

Homepage of The New Mobile Workforce by Citrix, an award-winning websitePrésenté par la Best Website Gallery

Meilleurs sites web à partir de 2018

17. Crypton.trading

Prix : Site du jour (4/3/2018), Awwwards

Voici crypton.trading, votre robot comptable.

Crypton.trading est un centre d’échange pour les cryptocurrences telles que le Bitcoin, qui utilise l’intelligence artificielle pour prédire les changements de valeur d’une devise et identifier les principales opportunités d’achat et de vente. Le site web a reçu une note élevée pour son développement et sa conception, car il explique progressivement plus de méthodes du développeur au fur et à mesure que les visiteurs descendent.

Ce site web primé fait en sorte que les visiteurs avertis se sentent comme chez eux au moment où la salutation de Crypton apparaît sur la page d’accueil, une lettre à la fois.

Homepage of crypton.trading, an award-winning websitePrésenté par Awwwards

18. Sud-ouest : Coeur du voyage

Prix : Meilleure conception visuelle – esthétique, 2018 Webby Awards

Lorsque Southwest Airlines a voulu prouver que ses clients étaient « plus qu’un simple signe de dollar », la compagnie a créé un site web dont le design a été assemblé en utilisant les formes des trajectoires de vol de ses clients.

Le site web, appelé Le cœur du voyageLe site permet même aux visiteurs de créer leurs propres œuvres d’art à partir d’un voyage qu’ils pourraient envisager de faire. Ainsi, le site web de Southwest est le produit de ses plus fidèles passagers.

Homepage of Heart of Travel by Southwest Airlines, an award-winning websitePrésenté par les Webby Awards

19. Redressement

Prix : Meilleur site d’humour, 2018 Webby Awards

Il n’est pas si difficile de faire rire quelqu’un sur Internet ; une grande partie de ce que nous lisons et consommons en ligne est censée être divertissante. Mais il est difficile de le faire de manière cohérente pour un large public. Redressement est un magazine satirique dont les titres et l’expérience de lecture générale sont de premier ordre dans le domaine de l’humour – ce qui fait du site lui-même une propriété de qualité.

Homepage of Reductress, an award-winning websitePrésenté par les Webby Awards

20. Débordement

Prix : Site du jour (3/20/2018), meilleure galerie de sites web

Débordement est un outil de conception qui permet aux personnes et aux entreprises de créer des organigrammes de leurs idées sous forme d’histoires afin qu’elles soient plus faciles à comprendre pour les autres. Outre le fait que ce n’est qu’un bon service, le site web Overflow pratique ce qu’il prêche : En plus des boutons rouges d’appel à l’action pour télécharger l’outil, ce site web fait la promotion de son produit de la meilleure façon qu’il connaisse : en utilisant un organigramme.

Le site web fournit cet organigramme sous la forme d’une vidéo. Et si les vidéos intégrées peuvent paraître plutôt maladroites lorsqu’elles sont placées au milieu des autres éléments de conception d’un site web, celle de Overflow est parfaitement placée et correspond exactement à ce que vous souhaiteriez voir lorsque vous arriverez sur le site pour la première fois.

overflow-best-website-design-2018

Présenté par la Best Website Gallery

21. Musée Frans Hals

Prix : Site de l’année (2018), Awwwards

Il peut être difficile pour un musée, dont la marque repose sur une variété d’œuvres d’art incroyables, de tout rassembler sur un site web cohérent. C’est ce qui fait que le site web du Musée Frans Hals si impressionnant.

Situé aux Pays-Bas, ce musée a créé un site web qui utilise une combinaison d’éléments de conception numérique et de ses propres expositions. Ce mélange aide les visiteurs à comprendre ce qu’ils verront, quand ils pourront le voir et où ils pourront avoir un avant-goût de ce que ce musée a à offrir. À propos de ce dernier point, le musée fait la promotion de son compte Instagram directement sur sa page d’accueil – une démarche brillante pour un musée qui cherche à élargir son public par le biais de ses canaux en ligne.

frans-hals-museum-best-website-design-2018

Présenté par Awwwards

Conceptions primées de 2019

22. 1917 : Dans les tranchées

Prix : Le meilleur site web du jour selon Awwwards

Ce site webLe film, réalisé pour promouvoir le film 1917, permet de se promener dans les tranchées et d’accomplir la même mission que les personnages du film. Vous pouvez également voir leurs cartes ou accéder à d’autres outils.

C’est un excellent exemple d’un site qui a su aller au-delà de l’interactivité et d’un site qui tire parti de son propre contenu et de son scénario préécrit pour commercialiser son film. Ce site a été élu site du jour par Awwwards qui permet aux concepteurs de voter et de proposer des sites web de qualité qu’ils voient quotidiennement.

1917 homepage

23. La pieuvre : Un blog de design par l’IDEO

Prix : Prix « Business Blog/Website 2019 Webby

IDEO, une entreprise de design mondial, a remporté le prix Business Blog/Website 2019 Webby pour son blog Octopus, et pour cause. Le blog présente un élégant dessin en noir et blanc de la Pieuvre comme design de sa page d’accueil, et utilise le jaune, le noir et le blanc pour créer un thème cohérent au fur et à mesure du défilement.

Si vous survolez un article de blog, le titre est surligné en jaune, et si vous survolez une image, celle-ci est tirée vers vous – deux petites caractéristiques qui font une grande différence en termes de création d’une expérience utilisateur unique et engageante.

octopus website

24. Tribu nomade

Prix : Nomination au titre de « Site de l’année » des Awwwards

Ce site, qui a été nominé pour Site de l’année « Awwardsest l’un des sites les plus intéressants que j’ai vus. La page d’accueil commence immédiatement à diffuser une vidéo étonnante montrant un homme marchant dans un désert, suivie de magnifiques scènes de paysage et d’un texte du type « Avez-vous la chance de vous appeler un aventurier ?

Le texte dans l’ensemble de la site web est ludique, avec des roses, des oranges et des jaunes colorés, et la page d’accueil est conçue de manière logique, avec des CTA placés dans toute cette gamme au niveau des engagements, de « Lire plus » à « Regarder maintenant » et, enfin, « Télécharger l’application ». En fin de compte, le site web est magnifiquement conçu avec un grand souci du détail et raconte une histoire fascinante tout au long du processus.

nomadic tribe website

25. Diana Danieli

Prix : Webby 2019

Ce Webby 2019 site gagnant présente des images d’art et d’architecture avec un fort contraste ou une exposition importante. En tant que visiteur du site web, vous pouvez cliquer et faire glisser votre souris pour modifier les photos et les variations. Chaque image montre une œuvre qui met en valeur l’artiste qui possède le site web.

award winning interior design website

26.George Nakashima Travailleurs du bois

Prix : Webby 2019

Autres conceptions de sites web cool

27. Minimums

Minimums adopte une approche très audacieuse dans la manière dont ils affichent leur contenu, en s’appuyant sur une conception de site web basée sur une grille, une typographie de grande taille et des images pleine largeur de haute qualité. Leur site est un très bel exemple de la manière d’exécuter correctement une structure de grille tout en conservant une belle hiérarchie visuelle dans la conception.

Homepage of Minimums, a cool website design

28. MovieMark

MovieMark est une agence de marketing de croissance et Partenaire HubSpotdont le site web est couvert de bout en bout par le service qu’il offre : le récit numérique. Située en Colombie, l’agence fait de la vidéo un élément central de sa marque, il est donc tout à fait approprié que MovieMarkLe site web de la Commission européenne suit ce thème. Et oh, comme les vidéos sur son site sont visuellement agréables …

movie-mark-cool-website-designs

29. Guillaume Tomasi

En tant que photographe à Montréal, Guillaume Tomasi s’est constitué un portfolio qui convient parfaitement pour accueillir ses photographies uniques et impressionnantes. Son style photographique surréaliste est juxtaposé à la conception simple, plate, vide et minimaliste de son portfolio qui met l’accent sur le travail lui-même.

Sa navigation unique dans les séries, associée à des introductions d’œuvres inspirées des galeries d’art et à des interactions de défilement parfaites, donne une expérience qui rappelle celle d’une vraie galerie.

Homepage of Guillaume Tomasi, a cool website with great use of photography30. Le district

Cette agence de marque prend son image au sérieux et elle devrait le faire. Elle gère tous les canaux de médias pour ses clients. Le site web du districtest un voyage à travers quelques-unes des plus belles œuvres d’art et photographies que vous ayez jamais vues.

Ces tuiles provocantes changent rapidement au fur et à mesure que vous explorez le site web, et plus elles semblent farfelues, plus vous vous intéressez à leur travail passé.

Homepage of The District, a cool company website with abstract designs

31. Tej Chauhan

Tej Chauhan a fait de l’art impressionniste un modèle commercial avec ce site web intrigant. Chaque image de la page d’accueil de ce développeur de produits se glisse vers l’extérieur pour couvrir l’image précédente, offrant peu de contexte autour de l’objet que vous voyez maintenant devant vous.

Mais ce manque de contexte n’est-il pas exactement ce qui vous donne envie d’en savoir plus ? Le slogan « Souvenirs du futur proche » suggère que ces objets font partie de leur gamme de produits – et qu’ils sont une opportunité pour vous d’introduire ces objets innovants dans votre vie.

Homepage of Tej Chauhan, a beautiful company website design with abstract photography

32. Architecture d'Amanda Martocchio

Un cabinet d’architecture peut ne pas être spécialisé dans le développement web, mais son site web doit quand même démontrer son engagement à offrir un design visuellement agréable. Amanda Martocchio a pris cela à cœur avec ce magnifique site web.

Ce n’est pas un secret que Architecture d'Amanda Martocchio aime son travail – chaque photo de la page d’accueil de son site web est un plan enchanteur des maisons que l’entreprise conçoit. Le site web indique sur chaque maison que l’on parcourt le type de design prévu, ainsi que les nombreux angles de chaque bâtiment.

Homepage of Amanda Martocchio Architecture, a company website with beautiful photography

Idées de conception de sites web

Maintenant que vous avez vu un certain nombre de plates-formes magnifiquement conçues et primées, gardez ces idées potentielles à l’esprit en créant les vôtres.

Réfléchissez aux moyens de rendre votre site web interactif, comme l’exemple de 1917.
Faites un site web qui met l’accent sur l’expérience mobile, même s’il dispose encore d’un bon UX sur les ordinateurs de bureau.
Créez un site web qui raconte une histoire sur votre marque avec des photos, du texte ou de la vidéo.
Si vous ne pouvez pas créer un site très interactif, pensez à dessiner dans les yeux avec un site qui présente un diaporama de vos photos.
Assurez-vous que vos appels à l’action sont faciles à voir et encouragez les visiteurs à continuer à explorer votre site
Gardez la navigation propre. Veillez à ce que vos visiteurs sachent toujours comment revenir à la page d’accueil.
Intégrez vos sites de médias sociaux via des boutons d’intégration sociale, afin que les visiteurs du site puissent vous suivre facilement sur vos différents canaux sociaux.
Veillez à ce que la conception de chacune de vos pages web soit cohérente, notamment en ce qui concerne les polices, les couleurs, les images et les messages.
Testez la convivialité de votre site web à l’aide d’un
carte de chaleurqui vous indiquera les pages web sur lesquelles vos visiteurs sont le plus susceptibles de rebondir.
Incluez un chat en direct ou un chatbot pour donner aux visiteurs la possibilité de s’engager avec vous directement sur votre site web s’ils préfèrent le chat en direct aux appels téléphoniques. Le chat en direct peut automatiser des fonctions pour vos représentants de vente et de service et créer une meilleure expérience de communication pour le client.
Obtenez une Certificat SSL pour garantir la sécurité de votre site web. Le SSL fait partie de l’algorithme de classement de GoogleUn certificat SSL peut donc vous aider à obtenir un meilleur classement dans la recherche.

En vouloir plus exemples de conception de sites web? Découvrez ces incroyables pages de produits que vous voudrez copier immédiatement.

examples of brilliant homepage, blog, and landing page design
New Call-to-action