20 sites utiles pour l'inspiration de conception Web

Au cas où vous ne l'auriez pas remarqué, nous vivons une sorte d'âge d'or de la conception Web créative. J'en attribuerais une partie au fait que le développement Web a explosé en popularité. Mais aussi le fait que les marques sont prêtes à prendre de gros risques lorsqu'il s'agit de créer des designs qui sautent aux yeux.

Le design est guidé par des illustrations ? Vous savez que c'est une chose. Des séquences animées pour créer des parcours utilisateurs flashy sur une page ? Oui, ils gagnent en popularité. Et puis vous avez plusieurs sous-ensembles de styles de conception, comme le neumorphisme, le néobrutalisme et une pincée d'approches de style dessin animé rétro.

Et quelle que soit votre expérience en matière de conception de sites Web, il est toujours agréable de voir ce que font les autres. En tant que tel, pour cet article, je vais énumérer mes sites Web préférés où vous pouvez trouver l'inspiration pour la conception de sites Web. Peut-être que vous en connaissez déjà certains, et peut-être que certains d'entre eux seront nouveaux pour vous - cela ne fera pas de mal de les jeter dans votre dossier de signets pour référence future.

Web, mobile, effets, maquettes, etc.

Je vais couvrir beaucoup de variété dans ce post.

Y compris des galeries qui se concentrent sur les conceptions mobiles, des galeries qui présentent des exemples d'effets «spéciaux» et quelques ressources qui se concentrent sur les maquettes de conception. En fin de compte, ces sites sont destinés à être parcourus lorsque vous êtes en quête d'inspiration, notamment dans le cas de la création d'un site Web.

1. Lapa Ninja

J'ai eu Lapa Ninja dans ma barre de favoris depuis son lancement sur Product Hunt, il y a 7 ans. Ces jours-ci, le site s'est développé pour inclure de nombreuses ressources pour la conception, mais son objectif principal de mettre en évidence les meilleures conceptions de pages de destination est resté le même.

Le site compte actuellement plus de 5 000 pages d'accueil soumises. Et vous pouvez les parcourir soit en consultant les dernières soumissions, soit en filtrant par catégorie. Vous pouvez également filtrer par couleurs si vous recherchez des conceptions qui partagent le même schéma de couleurs que votre conception à venir/existante.

2. Pieux

L'une des choses que j'aime chez Godly, c'est qu'il est vraiment axé sur des conceptions de pointe. Comme je l'ai dit au début, l'animation est l'une des principales tendances de la conception Web en ce moment. Et Godly fait un excellent travail pour mettre en évidence les meilleurs designs qui mettent en œuvre ces tendances.

Vous n'avez pas non plus besoin de visiter chaque site car Godly intègre des vidéos de 15 à 20 secondes pour présenter le concept de base derrière chaque design. Par exemple, si quelque chose attire votre attention, vous pouvez alors le visiter.

3. Sites Web brutalistes

Qu'est-ce que le brutalisme en design ? Comme Kate Moran l'a dit avec tant d'éloquence, "Le brutalisme dans la conception numérique est un style qui tente intentionnellement de paraître brut, aléatoire ou sans fioritures. Il fait écho aux sites Web du début des années 1990 (pensez à Craigslist et au Drudge Report). Parfois, cet aspect du brutalisme s'exprime sous la forme d'un site HTML presque nu avec des liens bleus et du texte Monospace monochrome.

Quant à moi, j'aime une approche minimaliste de la conception, qui se trouve également être l'un des éléments mis en œuvre par bon nombre de ces conceptions Web de style brutaliste. La seule «mise en garde» est que tous les modèles sont répertoriés en même temps sur la page d'accueil. S'en tenir à toute l'idée brutaliste, je suppose.

4. Pot d'interface utilisateur

UI Jar fait quelques choses. Tout d'abord, il s'agit d'une collection de conceptions Web inspirantes, que vous pouvez filtrer par couleur, style et secteur. Mais, en plus, vous pouvez également explorer la section Branding, qui présente des conceptions de marque basées sur les produits. Et, UI Jar héberge également une section Collections. Les collections sont dédiées à la présentation des meilleurs designs dans une catégorie spécifique, comme les portfolios, la typographie, etc.

5. HOVERSTAT . ES

hoverstat.es se concentre sur les types de conception peu orthodoxes, créatifs et expérimentaux. C'est aussi une bonne ressource pour vérifier ce qui est possible dans le navigateur. Le site fonctionne depuis 2012, il existe donc un énorme catalogue de sites à explorer. Cela dit, hoverstat.es publie de temps en temps , mais c'est en grande partie pour se concentrer sur des conceptions vraiment uniques et passionnantes.

6. Livre foncier

Ma caractéristique préférée de Land-book est son système de filtrage étendu. Vous pouvez restreindre vos recherches aux types de sites Web, tels que le portefeuille ou le commerce électronique, puis vous pouvez appliquer davantage de filtres tels que les styles, l'industrie et le type.

Et ma caractéristique la moins préférée de Land-book est que vous devez créer un compte. Ce n'est pas un facteur décisif, bien sûr, et vous pouvez en créer un en quelques secondes avec une connexion Google ou Twitter. L'inscription signifie que vous pouvez voir tous les modèles, mais aussi les enregistrer dans un catalogue séparé pour référence future.

7. Une page d'amour

Rob Hope a lancé One Page Love en 2008, et le site est un trésor absolu pour les tendances de conception actuelles et pour voir à quoi ressemblaient les conceptions il y a dix ans.

Toutes les listes ont une capture d'écran en taille réelle, ce qui sera utile pour les conceptions plus anciennes, car il est probable que certains sites aient été entièrement repensés ou aient été laissés pour morts. Cela dit, One Page love possède une superbe interface de catégorisation. Vous pouvez également vous abonner aux mises à jour avec RSS ou vous inscrire à la newsletter - qui vous tiendra au courant des 10 designs d'une page Freshet.

8. Admirez le Web

Admire The Web abrite plus de 130 pages de conceptions Web inspirantes, avec des soumissions remontant à 11 ans. Vous pouvez prévisualiser les listes en cliquant sur leur nom (plutôt que sur l'image), mais d'après ce que je peux dire, les captures d'écran ne présentent que la première fenêtre d'affichage du site.

Il y a beaucoup de balises à parcourir, en particulier si vous cherchez de l'inspiration sur un sujet spécifique, comme les grands pieds de page ou les effets de parallaxe, etc.

9. Communauté Figma

Tous les designs commencent à Figma, n'est-ce pas ? Eh bien… dans une application de conception de votre choix, de toute façon.

C'est juste que Figma a vraiment adopté l'aspect communautaire de rassembler des designers du monde entier sur une plate-forme unifiée. Et ça marche.

Si ce n'est pour les ressources communautaires, Figma est également bien connu pour sa vaste collection de plugins, qui améliore considérablement le flux de travail des graphistes. Vous pouvez récupérer n'importe quelle ressource (fichier, modèle ou plugin) de sa page en cliquant sur le bouton Obtenir une copie , et vous avez terminé !

10. Galerie minimale

Le minimalisme dans la conception Web consiste à laisser les espaces blancs et la typographie faire le gros du travail. Et cette galerie présente les meilleures conceptions Web minimales que vous pouvez explorer et examiner.

Le site est organisé par Piet Terheyden, et il n'y a pas de "limites" aux créations soumises dans cette galerie. Vous pouvez trouver de tout, des refontes de marque aux portefeuilles personnels créatifs. En d'autres termes, tant qu'un design reste fidèle au minimalisme, il y a une chance qu'il puisse être présenté sur ce site.

11. Mobbine

Il est beaucoup plus facile de conserver des conceptions Web que mobiles. Et pour cette raison, un site comme Mobbin est une aubaine si vous cherchez de l'inspiration pour le design mobile. Il y a de fortes chances que si vous travaillez sur la conception/la refonte d'un site Web, vous devrez éventuellement apporter des améliorations spécifiques aux mobiles.

Dans un tel cas, Mobbin fournit probablement le meilleur aperçu de ce que les particuliers et les grandes marques font avec leurs choix de conception mobile. Et même si la majorité d'entre elles sont des conceptions d'applications mobiles, il existe de nombreux petits éléments UI/UX à explorer et à apprendre.

Toutes les listes Mobbin (plus de 500 d'entre elles) sont accompagnées de centaines de captures d'écran intégrées à l'application, pour iOS et Android. Et ils conservent également l'historique, donc si une application a été repensée, vous pouvez remonter dans le temps et voir à quoi elle ressemblait à l'époque. Cela semble trop beau pour être vrai, non ?

Eh bien, en tant qu'utilisateur gratuit, vous avez certaines limitations, telles que le nombre de collections que vous pouvez créer (3 pour le niveau gratuit), et vous ne pouvez pas profiter des filtres/fonctions de recherche premium.

12. SAUVEGARDÉ

SAVEE est une plate-forme de curation de conception, et je dirais que c'est une niche à cet égard. Il couvre différentes conceptions, et si vous êtes spécifiquement intéressé par la conception Web, vous devrez le rechercher.

La principale raison d'utiliser cette plate-forme est si vous recherchez une inspiration de conception qui sort de l'ordinaire. Les plates-formes comme SAVEE ont tendance à attirer un public plus spécifique (dans ce cas, les concepteurs), et l'inspiration de conception peut donc aller de projets Web réels à des images et des photographies.

En fin de compte, même les photographies jouent un rôle dans le design. Voir ce que font les autres peut donc être un excellent point de départ pour de nouvelles idées.

13. Dribbles

Dribbble est toujours aussi fort après toutes ces années. Et c'est sans doute la meilleure plate-forme au monde pour tout ce qui concerne la conception graphique. Il n'est pas rare que les utilisateurs de Dribbble publient des exemples de conception qui finissent par devenir des tendances. Et parce que la plate-forme est également fortement associée à l'embauche de designers, vous savez très bien que les utilisateurs feront un maximum d'efforts pour que leur conception se démarque.

14. Behance

Behance est également l'un de ces anciens qui continue d'être fort. Tout comme Dribbble, il s'agit d'une plate-forme communautaire pour tous les types de concepteurs. Personnellement, ce que j'aime chez Behance, c'est à quel point sa fonction de recherche est raffinée. Vous pouvez effectuer des recherches concises en utilisant uniquement les fonctionnalités intégrées, qui sont utiles lorsque vous recherchez l'inspiration pour un style / schéma spécifique.

15. Récompenses

Awwwards est une plateforme de conception/développement qui promeut des conceptions Web innovantes et prêtes à l'emploi, qui sont ensuite jugées par une sélection de spécialistes. Ces spécialistes, le jury, sont choisis chaque année indépendamment, et n'importe qui peut postuler pour faire partie de ce jury.

Le site est opérationnel depuis 2014, il y a donc beaucoup d'histoire à explorer ! Pour toutes les annonces, les votes exprimés par le jury sont publics, ainsi que ceux exprimés par les utilisateurs. Le jury peut également choisir de laisser des notes, mais cela n'est basé que sur des chiffres, il n'y a donc pas d'opinions réelles.

Pourtant, Awwwards est bien connu dans la communauté et les gens sont fiers d'avoir l'une des bannières Awwwards placée sur leur site Web. De plus, en raison de la taille de la plateforme au fil des ans, c'est aussi un endroit agréable pour attirer des employeurs potentiels en mettant en valeur vos propres compétences !

16. Siteinspire

Siteinspire a traité plus de 7 700 soumissions actives à ce jour. Il s'agit, comme vous vous en doutez, d'une galerie de pages d'accueil utilisant des pratiques de conception Web intéressantes et modernes. Mais il y a certainement certaines caractéristiques qui rendent cette galerie unique. L'un d'entre eux est la possibilité de filtrer les résultats par designer/agence, accessible depuis la section Annuaire.

Une autre fonctionnalité est la possibilité de trier les résultats par styles, types et sujets. Et si vous créez un compte, vous pouvez également créer vos propres collections sur mesure.

17. Muzli

J'ai entendu parler de Muzli cette année après avoir publié un article sur diverses astuces CSS pour les développeurs front-end.

Quelques jours plus tard, j'ai vu un nombre important de visiteurs de Muzli - j'ai vérifié le projet, et bien sûr, c'est une chose ! À tel point que l'extension Muzli Chrome compte plus de 300 000 utilisateurs.

Dans leurs propres mots,

Muzli propose instantanément des projets de conception de pointe et des nouvelles chaque fois qu'un nouvel onglet est ouvert dans votre navigateur. Découvrez la meilleure inspiration de conception Web, les meilleurs sites Web, les meilleurs logos, les tendances Web, les meilleurs sites et applications mobiles, les sites Web minimalistes, les sites Web brutalistes, les illustrations innovantes, les fonctionnalités de conception, les sites Web uniques, les projets de photographie et l'art visuel, ainsi que des opinions et des articles d'experts en design sur le Web et dans le monde entier.

Muzli effectue automatiquement certaines des curations (à partir de sites comme Dribbble et d'autres sur cette liste), puis les utilisateurs peuvent également fournir leurs propres commentaires. C'est un peu comme un lecteur RSS pour les concepteurs/développeurs sous stéroïdes, en gros.

18. La FWA

Ici, nous avons The FWA - un autre site de style galerie qui se concentre sur les récompenses. Contrairement à Awwwards, la FWA dispose d'un jury de plus de 500 designers et développeurs du monde entier. Comme Siteinspire, la FWA dispose également d'un répertoire des meilleures agences et particuliers.

19. E/S 3000

Bon, alors, écoutez-moi sur celui-ci. Il est bien connu que l'approche du design varie d'une région à l'autre, et cela est particulièrement vrai pour des pays comme le Japon. J'ai été inondé d'une forte curiosité au cours des deux derniers mois en explorant l'approche japonaise de la conception Web.

En particulier, comment les designers japonais, ou dans ce cas, les blogueurs, conçoivent leurs pages de blog et créent des expériences uniques pour les lecteurs. D'après ce que j'ai vu, les designers japonais sont beaucoup plus désireux de créer des expériences utilisateur communicatives . Cela se traduit par des éléments de conception qui guident l'utilisateur vers une solution spécifique ou des éléments spécifiques qui mettent en évidence une fonctionnalité importante.

La galerie I/O 3000 se concentre à la fois sur les designs japonais mais aussi occidentaux. Si jamais vous vous sentez à la hauteur, je vous recommande fortement de vérifier ce que font les gens à l'étranger ! Et oui, c'est un jeu de mots.

20. Typewolf

Nous avons examiné de nombreux sites/galeries qui présentent spécifiquement des sites complets, et Typewolf le fait également d'une certaine manière. Mais plus que la conception graphique, Typewolf se concentre sur les dernières tendances en matière de typographie. Typewolf utilise un système "Site of the Day", mais vous trouverez également de nombreux articles et ressources pour en savoir plus sur la façon dont le type affecte la conception globale que vous créez.

Si vous avez déjà recherché des associations de polices, il y a de fortes chances que Typewolf soit l'un des sites sur lesquels vous avez atterri.