15+ sources d’inspiration pour le design d’un site web

Si vous êtes sur le point de débuter un projet de conception Web, cela peut vite devenir difficile de trouver la bonne source d’inspiration. Mais quelques points de départ fiables peuvent rapidement vous aider à répondre aux besoins de vos clients, tout en vous encourageant à explorer de nouvelles solutions de design et stimuler votre créativité. Dans cet esprit, voici 17 ressources pour vous aider à surmonter les défis posés par la création d’un nouveau projet.

1.Best Website Gallery

Une galerie hautement organisée d’inspiration de conception web dirigée par un homme, David Hellmann. Il a commencé ce projet en 2008, et il est toujours aussi puissant. Best Website Gallery, ou BWG, utilise un système de filtre de sorte que vous pouvez rapidement trouver des sites en fonction de leur style de conception, de leur approche, de leurs fonctionnalités et bien plus encore. Avec plus de 2 000 sites Web de qualité à consulter, c’est une ressource très complète.

Pourquoi vous devriez aller sur BWG pour vous inspirer ?

Parce que BWG dispose d’une galerie expansive, de haute qualité, organisée avec recherche et un système de marquage robuste. C’est particulièrement bon pour:

1- Sites Web portfolios. Si vous êtes du genre à participer au Reboot du 1er mai chaque année, il est pratique d’avoir autant de portfolios d’autres designers à portée de mains.

2- Sites Web d’une agence. Les agences ont tendance à attirer les créatifs de haut calibre, de sorte que leurs sites Web se classent souvent parmi les meilleurs sur le Web. Ceux-ci peuvent être source d’inspiration non seulement pour le site Web de votre propre agence, mais aussi pour tous vos clients.

3- Inspiration de couleur. BWG vous donne la possibilité de filtrer les sites par couleur, vous pouvez donc facilement trouver de belles palettes qui incluent les couleurs de la marque de votre client.

2.CSS Nectar

Les sites Web inspirants de CSSnectar sont triés sur le volet. Tout d’abord, il y a des frais pour soumettre un site Web à un examen. Il est donc logique de penser que les gens ne paieront pas pour soumettre leur site, à moins qu’ils ne soient confiants et fiers de leur travail. Deuxièmement, une équipe de créatifs examine chaque soumission avant sa mise en ligne. Enfin, la communauté vote ensuite sur la conception, le code et la créativité du site.

Pourquoi devriez-vous aller sur CSSNectar pour vous inspirer ?

Trois mots: Triple. Approuvé. Contenu. Alors que vous pouvez trouver du contenu et de l’inspiration de conception tout autour du web, un processus de curation en trois étapes qui inclut des experts triés sur le volet vous apporte vraiment la crème de la crème. Options de filtrage détaillées. CSS Nectar facilite la recherche d’inspiration pour des types de sites spécifiques avec leurs tags et filtres, qui incluent des tags de catégorie, de fonctionnalité, de pays et de couleur.

3.Abduzeedo

Abduzeedo offre de fortes doses d’inspiration de conception au quotidien, donc il y a toujours quelque chose de nouveau à voir. Et parce que le staff ne se limite pas à la conception de sites Web, vous constaterez qu’il vous aide à étirer votre modèle de design personnel dans de nouvelles dimensions. Après tout, rien ne dit que votre prochain site Web ne peut pas être inspiré par une publicité imprimée …

Pourquoi devriez-vous aller sur Abduzeedo pour vous inspirer ?

Ils mettent en évidence toute l’étendue des disciplines de conception.

Abduzeedo n’est pas seulement un outil d’inspiration du design numérique. Il met en avant plein de domaines, de la photographie à l’architecture. Et comme toute personne créative le sait, l’ampleur et la variété de l’inspiration peuvent stimuler de nouvelles façons d’aborder n’importe quel problème.

Une grande variété de formats

Abduzeedo apporte également de la diversité à leur jeu d’inspiration grâce à la grande variété de médias qu’ils partagent. Outre leurs vitrines quotidiennes, ils apportent aussi de la créativité à travers des histoires longues, des fonds d’écran et même des événements IRL.

4.siteInspire

siteInspire dispose d’une énorme bibliothèque de sites Web inspirants que vous pouvez facilement filtrer grâce à un vaste système d’étiquetage. L’utilisation de plusieurs tags à la fois peut vraiment affiner le type d’inspiration web que vous recherchez, et diverses combinaisons peuvent produire des résultats intéressants.

Pourquoi devriez-vous aller sur siteInspire pour vous inspirer ?

Un système d’étiquetage élégant vous aide à composer la bonne inspiration.

Inspiration basée sur le sujet

Comme les pigistes et les concepteurs d’agence le savent bien, vous avez parfois besoin d’inspiration pour une industrie ou un secteur d’activité spécifique. Quelle que soit l’industrie pour laquelle vous avez besoin d’inspiration, les balises sujet de siteInspire vous mèneront au bon endroit.

Navigation basée sur le style

Parfois, vous êtes moins intéressé par un sujet ou une industrie que vous l’êtes pour une mise en page globale, ou même juste un modèle de conception spécifique. Malheureusement, lorsque vous recherchez des choses comme «navigation inhabituelle» sur d’autres sites d’inspiration, les résultats ne sont généralement pas ceux que vous espériez. Heureusement, siteInspire a des filtres / tags juste pour cela et ils sont parfaits pour trouver une inspiration hyper-ciblée.

5.Behance – Discover

La page de découverte de conception de sites web de Behance permet de trouver facilement de grandes quantités d’inspiration de conception Web. Basculez vos paramètres de recherche pour spécifier les délais, la popularité et / ou l’emplacement. Par exemple, vous pouvez faire une recherche pour les « conceptions web les plus appréciées de la semaine dernière à Toronto, Canada » et trouver ces résultats. Cela vous donnera une toute nouvelle appréciation pour la taille – et le talent – de la communauté créative à travers le monde.

Pourquoi devriez-vous aller sur Behance pour vous inspirer ?

Étant donné que Behance fait partie de la famille d’Adobe, il s’agit probablement de la communauté créative la plus importante et la plus active au monde. Ses options de filtrage extrêmement détaillées peuvent vous aider à trouver à peu près tout ce que vous cherchez, de la dernière typographie du Japon aux modèles d’interface utilisateur les plus discutés en provenance du Mexique, en passant par les meilleurs copywriters de votre ville natale.

Inspiration communautaire

Des filtres comme « le plus apprécié » vous donnent un aperçu de l’inconscient collectif créatif, et vous assurent de voir le meilleur du meilleur – du point de vue des meilleurs.

Le filtre « outils utilisés »

La plupart des sites d’inspiration sont indifférents aux outils utilisés dans le processus de création. Pas Behance, qui vous donne un moyen pratique de voir ce que les gens font avec une plate-forme ou un outil donné avec son filtre Outils utilisés (sous « Filtres supplémentaires »).

6.Awwwards

Le système de récompense d’Awwwards attire des soumissions de la plus haute qualité – c’est-à-dire celles qui repoussent continuellement les frontières de l’art et du design web. La qualité de l’inspiration reflète la qualité du jury. (Qui comprend WebWiz wiz, Timothy Noah.) Awwwards a demandé l’aide de certains des meilleurs designers web pour juger de la qualité de chaque soumission.

Pourquoi devriez-vous aller sur Awwwards pour vous inspirer ?

Vote d’un jury d’experts

Alors que la plupart des sites d’inspiration sont des projets personnels ou secondaires, Awwwards a choisi un jury d’experts du web pour chaque site soumis. Et ils n’évaluent pas seulement un site en fonction de sa «beauté»: ils prennent en compte la conception, la convivialité, la créativité et le contenu de chaque site, attribuent une note à chacun, puis calculent un score total. Ils expliquent même le système de notation.

Détails des notes

Mais la transparence ne s’arrête pas à partager leur système de notation. Ils affichent en effet les notes de chaque membre du jury dans les quatre dimensions, directement sur la page de détails du site, ainsi que les scores des membres de la communauté habituelle.

Tag très détaillés

Enfin, Awwwards marque chaque site avec une multitude de termes détaillant les frameworks et les plates-formes utilisés, les couleurs dominantes et les détails industriels / verticaux.

7.Product Pages

Alors que la plupart des meilleurs sites d’inspiration de conception vous donnent une tonne d’outils pour trouver exactement ce que vous cherchez, il y a aussi une joie profonde à trouver dans la découverte «accidentelle». Product Pages fournit cette expérience avec une conception orientée flux que vous pouvez afficher en format liste ou grille – ainsi qu’un outil de recherche simple qui pourrait accélérer le processus si vous avez besoin de quelque chose de spécifique. Il y a tout de même une impression que les concepteurs de Product Pages préféreraient vous plonger directement dans le flux afin de trouver quelque chose d’un peu inattendu.

Pourquoi devriez-vous aller sur Product Pages pour vous inspirer ?

Si vous en êtes actuellement aux premières étapes de la conception d’un site Web de marketing de produits, voici le site Web que vous recherchez.

Site web d’inspiration marketing

Alors que de nombreux autres sites d’inspiration se concentrent sur des pages plus «éblouissantes», Product Pages est l’endroit où aller pour l’art simple de « concevoir pour persuader ». Les sites offrent ici une foule de bonnes idées sur les différentes façons de présenter des captures d’écran de produits, comment aborder le difficile processus d’écriture des headlines et comment construire des systèmes de navigation solides qui ne distraient pas trop du Saint Graal: une conversion.

Inspiration pour les optimisations de page

En tant que concepteurs, nous savons tous à quel point cela peut être agaçant lorsque le responsable marketing demande de l’aide pour optimiser une page de tarification ou de paiement. Heureusement, Product Pages ont des catégories de prix, de caisse et de page eCommerce qui vous aiderons à donner des suggestions pour aider votre responsable.

8.The Great Discontent

Parfois, l’inspiration ne vient pas d’une source visuelle – et n’est pas limitée à un projet spécifique. Au lieu de cela, vous pourriez trouver une histoire de motivation qui vous pousse à aller plus loin avec votre travail et votre carrière. Pour ces moments, The Great Discontent peut vous rendre très créatif. Participez à des questions-réponses avec des designers, des directeurs artistiques, des illustrateurs et plus encore, et prenez connaissance de ce qui les rend eux, et leur carrière – différents.

Pourquoi devriez-vous aller sur The Great Discontent pour vous inspirer ?

Des interviews intimes avec des leaders de l’industrie du design

Parfois, l’industrie du design peut se sentir hyper-concernée sur des choses concrètes comme les livrables, les flux de travail, les outils et les meilleures pratiques. Tout cela est puissant et très nécessaire, mais cela peut aussi nous faire perdre de vue les êtres humains derrière les pixels – et les histoires souvent passionnantes qui les ont menés à leurs carrières de rêve. The Great Discontent nous offre un aperçu personnel rare derrière les écrans pour explorer des sujets plus nébuleux, mais finalement plus émotifs comme les liens entre la créativité et la vulnérabilité, le pouvoir des histoires ainsi que l’art souvent difficile de dire non.

9.A List Apart

Au départ, c’était juste un site de diffusion comme un autre. Puis, A List Apart est devenu une destination clé pour la communauté du design, devenant une ressource fiable pour des articles de qualité qui dépassent la norme.

Pourquoi devriez-vous aller sur A List Apart pour vous inspirer ?

Contenu écrit en profondeur

Si vous cherchez le top 25 des thèmes WordPress, A List Apart n’est pas fait pour vous. Mais, si vous êtes à la recherche d’idées réfléchies et novatrices sur les points les plus délicats de la conception pour notre monde numérique, écrit par les meilleurs designers sur le web, A List Apart sera le meilleur.

10.Brutalist Websites

Dans un monde de design dominé par les sites Web qui ont besoin, avant tout, d’attirer de nouveaux utilisateurs et de gagner plus d’argent, ce que représente Brutalist peut être une bouffée d’air frais. Vous ne verrez pas beaucoup d’interactions raffinées, ou de grilles rigoureusement harmonieuses sur les sites Brutalist Websites. Au lieu de cela, vous verrez des titres massifs dans de vieilles polices « web safe », des effets curieux basés sur le curseur qui semblent conçus pour oblitérer plutôt que de naviguer sur un site web. Les sites rassemblés ici offrent un aperçu intrigant de ce que le web peut être lorsque la créativité ne se préoccupe pas des conversions.

Pourquoi devriez-vous aller sur Brutalist Websites pour vous inspirer ?

Une vraie inspiration artistique

La majeure partie du Web n’est pas l’expression de soi, il s’agit de croissance: nouveaux lecteurs, nouveaux abonnés, nouveaux clients. Il s’agit de fenêtres contextuelles, de publicités, de prises de contrôle et de contenu sponsorisé. Brutalist, en revanche, ouvre un espace où les concepteurs peuvent faire ce qu’ils veulent, plutôt que ce qu’ils devraient. Les œuvres créées ici évitent tous les conseils d’optimisation et les listes de bonnes pratiques au profit de looks et d’effets qui se côtoient de manière désordonnée.

11.Admire The Web

Admire The Web est une autre ressource importante en raison de sa curation de contenu de haute qualité. La recherche sur le site s’avère un peu plus lourde que sur d’autres, mais la récompense se trouve dans l’abondance de contenu que vous y trouverez.

Pourquoi devriez-vous aller sur Admire The Web pour vous inspirer ?

Inspiration spécifique à une catégorie

Admire The Web ne remportera peut-être pas le prix du design, mais son contenu est largement étiqueté, vous découvrirez donc une riche source d’inspiration thématique en un rien de temps.

Contenu connexe

Quelque chose dont beaucoup de sites ont besoin est le «contenu connexe» classique de style Amazon. Bien qu’il soit facile de trouver du contenu plus ou moins correspondant, quand vous trouvez ce qui vous inspire vraiment, le contenu similaire permet de vous garder dans le tunnel typique de conversion.

12.French Design Index

French Design Index suit une structure de design familière, similaire à celle de Awwwards, juste un peu plus de niche, et présente le travail de designers français évalués par un jury entièrement français. Seulement une minorité des sites Web sont réellement en français, alors si vous avez vraiment besoin de l’anglais dans votre inspiration, vous avez de la chance.

Pourquoi devriez-vous aller sur French Design Index pour vous inspirer ?

Niveau de curation

À l’instar d’Awwwards, le French Design Index fait l’objet d’un jury et d’un crowdsourcing, ce qui peut vous faire croire en la qualité des sites en vedette.

Étirer votre langage de conception

Si le web est vraiment devenu «homogène» comme tant de gens se plaignent, alors c’est peut-être parce que nous continuons à chercher les mêmes sources d’inspiration. Être un peu en dehors de votre « design de confort », même si ce n’est qu’en France, peut vous aider à élargir votre bassin de références visuelles, et ainsi apporter un peu plus de créativité à votre travail.

13.Template Monster

Un magasin à thème peut ne pas être le premier endroit auquel vous pensez lorsque vous cherchez une inspiration créative. Cependant, Template Monster peut être un endroit vraiment efficace, car les thèmes de qualité ont tendance à avoir une très bonne architecture et sont souvent très attentifs aux meilleures pratiques. Utilisez les thèmes comme source d’inspiration en examinant leur structure de contenu et leurs modèles de conception, puis établissez un calque sur votre propre création en fonction des besoins du projet.

Pourquoi devriez-vous aller sur Template Monster pour vous inspirer ?

Une inspiration de qualité pour les meilleures pratiques

Bien que les «pratiques exemplaires» en matière de conception puissent varier selon les industries et qu’elles soient souvent fondées sur des conjectures et des traditions plutôt que sur l’analyse, elles méritent d’être explorées – surtout lorsque vous concevez quelque chose pour une industrie inconnue. Avec plus de 25000 modèles dans presque toutes les catégories, vous êtes sûr de trouver quelque chose qui vous aidera.

14.Pttrns

Je sais ce que vous pensez: pourquoi un site axé sur la conception d’applications mobiles figure dans une liste d’inspiration de conception de sites Web ?! N’importe quelle application mobile peut vous servir de source d’inspiration pour la conception de votre site. De plus, si vous vous éloignez un peu du « classique », il n’est pas du tout difficile d’imaginer comment un motif de design mobile pourrait influencer vos conceptions grand écran. De plus, Pttrns propose un écran organisé, de sorte que vous pouvez facilement avoir une idée plus large de la façon dont les modèles de conception s’exécutent dans plusieurs environnements, et créer une cohérence (ou introduire une différence) au cours d’un flux.

Pourquoi devriez-vous aller sur Pttrns pour vous inspirer ?

Centré sur le modèle

Contrairement à de nombreux autres sites, Pttrns se concentre (de manière surprenante) sur les modèles de conception, divisant les applications en vedette dans des catégories telles que «confirmation», «demander la permission» et «flux d’activité». Interaction ou flux, Pttrns vous servira la meilleure collection de résultats.

Centré sur le web-mobile

Alors que la plupart des conceptions dans Pttrns sont des applications natives, nous savons tous que le web mobile est très développé, donc tirer l’inspiration de la mise en page web mobile est une super idée.

15.Designspiration

Designspiration est comme le Pinterest du monde du design. Il s’agit d’un flux massif, organisé par la communauté, dans lequel vous pouvez plonger pendant des heures. Il ne se concentre pas sur une forme particulière d’inspiration de conception, mais vous donne les outils pour vous concentrer sur des thèmes particuliers si vous le souhaitez.

Pourquoi devriez-vous aller sur Designspiration pour vous inspirer ?

Enregistrement du contenu

Peu de sites de curation ajoutent l’élément qui vous permet de sauvegarder les choses qui vous inspirent. Au lieu de se concentrer sur l’inspiration éphémère et basée sur des projets, Designspiration vous permet de créer un cache personnel de sites inspirants et ajuste son flux en fonction de vos goûts.

16.Calltoidea

Calltoidea propose une source d’inspiration web pour presque toutes les catégories qu’un designer pourrait rencontrer dans sa carrière. Vous trouverez absolument tout, des pages 404 aux tableaux de bord. Calltoidea peut vous aider à trouver de superbes modèles pour construire ou améliorer votre site web.

Pourquoi devriez-vous aller sur Calltoidea pour vous inspirer ?

Assortiment robuste de catégories de pages

En tant que concepteurs, nous faisons parfois un travail amusant, comme le design des pages d’accueil. Cela nous amène à moins nous concentrer sur les pages vitales mais ennuyeuses qui touchent les visiteurs à des moments cruciaux. Beaucoup de sites d’inspiration lésinent sur ces pages, mais Calltoidea se concentre uniquement sur celles-ci. Ainsi vous pouvez vous assurer que vous mettez certains de vos meilleurs travaux dans ces pages cruciales.

17.Webdesign Inspiration

Webdesign Inspiration est une galerie classique d’inspiration web. Chaque site présent dans la galerie a été sélectionné avec soin afin de ne proposer que les meilleurs.

Pourquoi devriez-vous aller sur Webdesign Inspiration pour vous inspirer ?

Vous pouvez filtrer les sites Web présents grâce à de nombreuses variables : type de site, couleur, industries ou encore styles. Vous pouvez combiner plusieurs filtres afin d’avoir des résultats réellement pertinents. Concernant les catégories, vous allez en retrouver énormément. Les secteurs « cool » de base ne sont donc pas les seuls présents sur ce site, et c’est une bonne chose.