18 des meilleures idées de conception de sites Web pour l’inspiration en 2020


Une excellente conception attire de nouveaux téléspectateurs sur votre site Web et les maintient engagés avec le contenu. Mais si vous n’êtes pas concepteur, choisir le meilleur design pour votre site Web peut être une tâche ardue. Dans ce guide, nous explorerons 18 idées de conception de sites Web différentes, ainsi qu’une collection de sites Web réels que vous pouvez utiliser comme source d’inspiration.

18 idées de conception de sites Web avec des exemples réels

1. Utilisez un site Web d’une page

Un site Web d’une page conserve toutes les informations importantes sur votre entreprise sur une seule page afin que les utilisateurs puissent apprendre tout ce dont ils ont besoin sans être obligés de naviguer vers différentes parties de votre site. L’une des meilleures façons d’y parvenir est de placer toutes vos informations sur un curseur plein écran comme le Galion et caravane site a fait:

Galion et caravane

La chose la plus importante à retenir lorsque vous travaillez avec ce type de conception est que vous voulez éviter d’encombrer la page avec trop d’informations.

👉 Comment créer un site Web d’une page

2. Idées de conception de sites Web pour la vidéo

Le contenu vidéo peut être un composant efficace de n’importe quel site Web et c’est un moyen particulièrement puissant d’accueillir les visiteurs sur votre page d’accueil. Un site qui utilise bien la vidéo sur sa page d’accueil est le site Agorapulse site:

Idées de conception de sites Web: AgoraPulse

Vous pouvez choisir de rendre une vidéo facilement lisible à partir de votre page d’accueil ou même de la définir en lecture automatique, mais assurez-vous de ne pas choisir la lecture automatique si la vidéo comprend du son. Beaucoup de gens préfèrent la navigation silencieuse.

👉 Comment ajouter une vidéo à WordPress

3. Investissez dans l’illustration

Les illustrations personnalisées sont un excellent moyen d’établir la sensation unique de votre marque et de donner aux visiteurs une idée de ce que ressentira le travail avec votre entreprise. Un site qui le fait particulièrement bien est Examinateur des médias sociaux:

Les illustrations sont l'une des meilleures idées de conception Web lorsqu'elles sont utilisées comme la marque Social Media Examiner

Leur bannière illustrée sur mesure traduit l’engagement de Social Media Examiner à explorer de nouveaux aspects des médias sociaux et l’approche conviviale qu’ils adoptent pour travailler avec les clients.

Bien sûr, cet itinéraire peut coûter cher, vous devez donc vous concentrer sur deux ou trois illustrations personnalisées pour votre page principale.

4. Accentuez votre page d’accueil avec des animations

Un autre excellent moyen de rendre votre page d’accueil unique et de garder l’attention des visiteurs est de proposer des animations personnalisées. Ceux-ci peuvent remplir l’intégralité de votre page d’accueil ou être utilisés comme accent comme sur le site pour Meilleure journée d’éducation:

meilleur jour jamais éducation

Gardez vos animations simples et brèves pour s’adapter aux courtes périodes d’attention des visiteurs. Vous pouvez également inclure un appel à l’action dans votre animation.

5. Gamifiez votre site

L’une des meilleures façons de convaincre un public d’agir sur votre site Web est de le rendre amusant. Zurb l’a fait particulièrement bien avec un site Web qui agit comme un jeu d’aventure à choisir soi-même où vous pouvez utiliser pour découvrir comment vous pouvez travailler avec eux.

Zurb

Vous pouvez créer votre propre site Web de choix de votre aventure assez facilement, ou faire passer cette stratégie au niveau supérieur en créant votre propre devise et en récompensant les utilisateurs pour des actions spécifiques.

6. Ajoutez une popup

Les fenêtres contextuelles peuvent être l’une des tactiques de marketing les plus ennuyeuses sur le Web, mais elles sont également l’une des plus efficaces: dans une expérience, une seule fenêtre contextuelle opt-in a été utilisée. 1,375% d’abonnés en plus. Cependant, vous ne voulez pas ennuyer les gens avec des popups avant de lire votre contenu; le moment le plus efficace pour qu’une fenêtre contextuelle apparaisse est lorsque quelqu’un essaie de quitter votre site Web.

L’examinateur de médias sociaux a fait cela particulièrement bien, avec plusieurs fenêtres contextuelles utilisant des visuels et des mots différents pour attirer le plus d’abonnés possible:

Examinateur de médias sociaux Pop Up
Intention de sortie de Social Media Examiner

👉 Comment ajouter des popups personnalisés à WordPress

7. Utilisez une photo en taille réelle

Au lieu d’un fond blanc ordinaire, envisagez d’utiliser une photo en taille réelle comme arrière-plan de votre page d’accueil. Encore mieux si la photo utilise un visage, comme l’arrière-plan du Bluehost page d’accueil:

Bluehost utilise le visage d'une personne, l'une des nombreuses idées de conception Web, pour sa page d'accueil

Cela aide les gens à se connecter à votre site Web et à votre marque à un niveau plus personnel.

8. Idées de conception de sites Web pour le commerce électronique

Vendez-vous des produits en ligne? Intégrez votre page d’accueil à votre boutique de commerce électronique et encouragez les utilisateurs à commencer à acheter dès leur entrée sur votre site Web. Vous pouvez voir cette idée très bien exécutée sur le Site Jeep People:

Idées de conception de sites Web: Jeep People

Bien sûr, si vous choisissez cette route, vous voulez également vous assurer que vous ne commettez aucune des erreurs de conception de site de commerce électronique courantes.

👉 Comment démarrer une boutique en ligne

9. Divisez votre page d’accueil

Avez-vous plusieurs produits, services ou autres informations à partager sur votre page d’accueil? Pensez à le diviser en sections avec des blocs, des séparateurs verticaux et des espaces blancs.

Un site Web qui le fait particulièrement bien est Etsy:

Etsy

10. Idées de conception de sites Web pour les menus de navigation

Les menus de navigation flottants restent fidèles à vos visiteurs lorsqu’ils défilent, ce qui leur permet de se déplacer facilement à tout moment vers d’autres parties de votre site Web. De nombreux sites Web ont adopté ce style de navigation pour faciliter la vie de leurs visiteurs, y compris les sites Web de petites entreprises comme STEAMLabs:

STEAMLabs

Vous pouvez facilement ajouter un menu de navigation flottant en utilisant le Menu collant (ou n’importe quoi) sur le défilement brancher.

11. Focus sur l’accessibilité

Si vous souhaitez toucher un public souffrant de déficiences visuelles et de mobilité, vous devez vous concentrer sur la création d’un site Web accessible. le Fondation KidzWish est un excellent exemple de site Web conçu en pensant d’abord à l’accessibilité:

Idées de conception de sites Web: Fondation KidzWish

Vous pouvez rendre votre propre site Web plus accessible en utilisant de grandes polices et des couleurs contrastées.

12. Idées de conception de sites Web mettant en vedette votre communauté

Votre site Web est-il principalement le domicile d’une communauté en ligne? Pensez à faire du forum, du salon de discussion ou d’autres moyens de communication principaux votre page d’accueil. Vous pouvez voir cette idée bien utilisée sur Échange Barista:

Échange Barista

Bien sûr, vous voulez vous assurer que votre page est toujours attrayante. Personnalisez votre page d’accueil avec des couleurs et des graphiques accueillants pour attirer les gens.

13. Partagez votre preuve sociale

La preuve sociale est l’une des idées de conception de site Web les plus précieuses de votre boîte à outils marketing. Présentez vos meilleurs témoignages en évidence sur votre page d’accueil, comme je l’ai fait sur mon propre site web:

The Dabbler

Vous pouvez amplifier la puissance de vos témoignages en les transformant en graphiques et en créant un curseur avec ces graphiques.

14. Ajouter une fonctionnalité de chat

Une boîte de discussion ou une fenêtre contextuelle sur votre page d’accueil permet aux visiteurs d’interagir avec votre marque et d’obtenir immédiatement des réponses de base. Mieux encore, vous pouvez utiliser un chatbot WordPress pour automatiser l’ensemble du processus.

Un site qui utilise bien un chatbot est OptinMonster:

Idées de conception de sites Web: OptinMonster

Pensez à faire apparaître votre bot dans le coin inférieur droit afin qu’il n’interfère pas avec d’autres utilisations de votre page d’accueil.

👉 Comment ajouter un chat en direct à WordPress

15. Ajoutez des quiz avec un large attrait

Tout le monde aime un quiz divertissant qui teste leurs connaissances ou leur montre quelque chose sur eux-mêmes. Vous avez probablement passé vous-même au moins quelques heures sur les quizz Buzzfeed.

Un autre site qui fait cela très bien est le Playbuzz site, qui se concentre sur les quiz de style Buzzfeed.

Playbuzz

Vous pouvez facilement ajouter des quiz à votre propre site avec un plugin de quiz WordPress.

👉 Comment créer un quiz sur WordPress

16. Utiliser des principes de conception brutalistes

Conception web brutaliste est une conception centrée sur le contenu brut, avec peu de considération pour les conventions de conception typiques. Vous pouvez voir ce principe utilisé efficacement sur Le contour:

Le contour

Ce principe ne fonctionnera pas pour toutes les marques, mais il peut être très efficace pour les entreprises axées sur les arts, la culture des jeunes ou la culture du bricolage.

17. Idées de conception de sites Web pour une page d’accueil unique avec glitch art

Glitch art utilise des pépins numériques ou analogiques pour créer une esthétique hyper futuriste. Certaines des techniques les plus couramment utilisées pour créer cette esthétique sont la pixellisation, les fuites de lumière et la double exposition.

Un site qui utilise l’art glitch pour créer une esthétique puissante est Théorie active:

Théorie active

18. Utilisez une palette en noir et blanc

Parfois, la meilleure chose à faire est de revenir à l’essentiel, et c’est exactement ce qu’une palette en noir et blanc vous aide à faire. Un site qui le fait particulièrement bien est l’agence de marketing Councl:

Councl

Vous pouvez utiliser la photographie ou l’illustration en noir et blanc pour personnaliser davantage ce look.

Créez votre site Web aujourd’hui

Avec les idées de conception de sites Web dans ce post, vous devriez avoir beaucoup d’inspiration pour créer votre propre site Web.

Pour vous aider, nous avons également quelques guides sur le processus technique de création d’un site Web:

Aimez-vous ces idées de conception de sites Web? Avons-nous raté quelque chose de génial? Faites-nous savoir dans la section commentaires ci-dessous!

Guide gratuit

5 conseils essentiels pour accélérer
Votre site WordPress

Réduisez votre temps de chargement de 50 à 80%
juste en suivant des conseils simples.

Newsletter

Entrez votre adresse mail ci-dessous pour vous abonner à notre lettre d'information

Laissez une réponse

CRÉEZ VOTRE BOUTIQUE EN LIGNE AVEC WOOCOMMERCE ET ÉCONOMISEZ ÉNORMÉMENT D’ARGENT !

« EcomRevolt c’est la formation E-Commerce la plus complète pour WordPress/Woocommerce au niveau francophone ! »