15 sources d’inspiration pour un site web design

Avoir un site web est une chose, avoir un site web design en est une autre. La qualité du design a de plus en plus d’impact sur le jugement que se font les internautes d’un site internet. Si vous voulez atteindre vos objectifs grâce à votre site web, vous devez miser sur le design. Si vous êtes de notre avis, alors cet article est fait pour vous !

Dans ce guide pratique, nous allons vous présenter les conseils pour créer un site web design, passer aussi en revue les erreurs (trop fréquentes) à éviter à tout prix et surtout vous présenter des plateformes qui répertorient des sites inspirants. N’hésitez pas à vous inspirer d’exemple de site vitrine réussi. Dans le webdesign plus que dans tout autre domaine, aller voir ce qui se fait ailleurs et piocher les bonnes idées sont la première chose à faire.

10 conseils pour créer un site web design

#1 Privilégiez une page d’accueil minimaliste et épurée

La plupart des utilisateurs scrollent rapidement la page d’accueil. Inutile d’ajouter trop de détails, choisissez des contenus impactants qui donneront envie à vos visiteurs d’en savoir plus en quelques secondes.

#2 Créez un design respectueux de la hiérarchie

L’oeil humain est habitué à certains standards. Choisissez des tailles de polices et des couleurs cohérentes afin de créer un contraste harmonieux. N’essayez pas d’être trop originaux et respectez les normes.

#3 Utilisez les couleurs stratégiquement

Choisissez des couleurs qui ressortent bien tout en les associant de façon esthétique. Mettez-en avant vos Call-To-Action grâce à des couleurs pertinentes.

#4 Respectez les standards

Encore une fois, ne cherchez pas l’originalité à tout prix : donnez aux visiteurs ce qu’ils attendent. Privilégiez des éléments simples et compréhensibles, cherchez l’harmonie plus que la complexité.

#5 Travaillez la navigation

La navigation s’avère capitale pour un utilisateur. Ce dernier doit trouver rapidement ce qu’il cherche, le tout d’une façon logique. De plus, cela bénéficiera également à l’indexation de votre site, et donc à votre référencement.

#6 Assurez-vous que votre site soit adapté au mobile

Le nombre de visiteurs naviguant depuis leur mobile ne cesse d’augmenter chaque jour : il est donc absolument primordial que votre site soit optimisé pour ce support. D’où l’intérêt de privilégier des éléments simples qui faciliteront non seulement l’étape de design, mais également d’intégration.

#7 Créez un site facile à lire

Privilégiez des termes qui parleront à tous. Créez un contenu qui soit facile à lire : vos utilisateurs doivent trouver rapidement ce qu’ils cherchent.

#8 Choisissez des titres et sous-titres impactants

Sélectionnez avec attention les termes que vous utilisez dans vos titres et sous-titres. Ceux-ci doivent être spécifiques et impactants car ils permettront aux visiteurs de gagner du temps. De plus, ils contribueront largement à un bon référencement.

#9 Mettez en avant avis et recommandations

Tout produit ou service nécessite des preuves sociales. N’hésitez pas à solliciter vos clients afin d’afficher leur satisfaction. Le monde attire le monde !

#10 Évitez les gros paragraphes

Pensez à vos visiteurs : hiérarchisez votre contenu afin de le rendre plus attrayant. Découpez votre contenu en sections afin d’éviter les gros blocs de texte indigestes.

Les 10 erreurs à éviter si vous voulez un site web design

#1 Choisir un design qui s’inspire d’une tendance passagère

Comme la mode, le web design est sujet aux tendances. Celles-ci étant amenées à évoluer avec le temps, évitez de vous précipiter sur les derniers designs à la mode qui risqueraient d’être ringards dans quelques mois.

#2 Insérer des images de mauvaise qualité

Privilégiez des images impactantes, et surtout de bonne qualité ! En effet, celles-ci ne doivent pas être trop lourdes pour éviter des temps de chargement trop longs mais cela ne signifie pas pour autant qu’elles doivent être pixellsées.

#3 Opter pour des photos issues de banque d’images

Créez vos propres images plutôt que d’utiliser celles des banques d’images déjà vues 1000 fois sur les sites de vos concurrents. Avec le succès d’Instagram, l’image joue un rôle crucial : proposez des visuels originaux.

#4 Utiliser trop de polices différentes

Pensez à vos utilisateurs et simplifiez-leur la lecture de votre site : optez pour des polices simples et surtout évitez d’en utiliser trop à la fois. En effet, cela alourdit le design et ajoute une complexité non nécessaire.

#5 Choisir des polices difficiles à lire

Dans la même lignée que le conseil précédent : banissez les polices trop complexes. Bien que graphiques, elles surchargent le design et ne sont pas toujours prises en charge par les différents navigateurs.

#6 Mal positionner son CTA

Votre CTA doit être positionné de façon stratégique afin que les utilisateurs aient envie de cliquer dessus. Comme son nom l’indique, il doit inciter à l’action !

#7 Ne pas se servir des blancs et des espaces de façon stratégique

Les blancs et les espaces font partie intégrante du design car ils permettent de faciliter la lecture. Ils s’avèrent particulièrement utiles si votre site contient beaucoup de texte.

#8 Laisser des pages 404 non personnalisées

Les pages d’erreurs sont frustrantes pour l’utilisateur et doivent être limitées à tout prix. Cependant, cela peut arriver tout de même. Il tient donc de votre responsabilité de les rendre moins dérangeantes. En les personnalisant, vous facilitez l’expérience de votre utilisateur alors face à une déception.

#9 Cacher sa barre de navigation

La barre de navigation est cruciale sur un site web car elle permet de varier d’une page à l’autre facilement. Chouchoutez vos utilisateurs : simplifiez-leur la vie en laissant cette barre de navigation apparente.

#10 Vouloir être trop original

Être créatif et original se révèle tout à fait louable. En revanche, assurez-vous de respecter les standards établis afin de ne pas générer de la confusion chez votre visiteur. Celui-ci est habitué à certaines pratiques et vous risquerez de créer de la frustration et de l’agacement en les changeant.

15 ressources pour découvrir des sites web design inspirants

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. Il faut compter sur sa page de mention légale très bien faite.

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.