Un excellent design attire de nouveaux spectateurs sur votre site web et les maintient engagés avec le contenu. Mais si vous n’êtes pas un designer, choisir le meilleur design pour votre site web peut être une tâche ardue., Dans ce guide, nous allons explorer 18 idées de conception de sites Web différentes, ainsi qu’une collection de sites Web réels que vous pouvez utiliser comme inspiration
18 idées de conception de sites Web avec des exemples réels
utiliser 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 L’a fait le site Galleon and Caravan:
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.,
How comment créer un site web d’une page
idées de conception de site 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 leur page D’accueil est le site Canadien Agorapulse:
Vous pouvez choisir de rendre une vidéo facilement lisible à partir de votre page d’accueil ou même de la 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.
How comment ajouter une vidéo à WordPress
investir 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 à quoi ressemblera le travail avec votre entreprise., Un site qui le fait particulièrement bien est Social Media Examiner:
leur bannière personnalisée illustre L’engagement de Social Media Examiner à explorer de nouveaux aspects des médias sociaux et l’approche amicale qu’ils adoptent avec les clients.
bien sûr, cet itinéraire peut devenir coûteux, vous souhaitez donc vous concentrer sur deux ou trois illustrations personnalisées pour votre page principale.,
Accentuez votre page d’accueil avec des animations
Une autre excellente façon 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 toute votre page d’accueil OU être utilisés comme un accent comme ils le sont sur le site pour la meilleure journée D’éducation jamais:
Gardez vos animations simples et brèves pour accueillir les courtes durées d’attention des visiteurs. Vous pouvez également inclure un appel à l’action dans votre animation.,
Gamify votre site
l’Un des meilleurs moyens de convaincre un public de prendre des mesures 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 où vous pouvez utiliser pour savoir comment vous pouvez travailler avec eux.
Vous pouvez créer votre propre choisissez-votre-propre-aventure site web assez facilement, ou de prendre cette stratégie au niveau suivant en créant votre propre monnaie et de récompenser les utilisateurs pour des actions spécifiques.,
ajouter une fenêtre contextuelle
Les fenêtres contextuelles sont peut-être l’une des tactiques de marketing les plus ennuyeuses sur le web, mais elles sont aussi l’une des plus efficaces: dans une expérience, une seule fenêtre contextuelle opt-in a attiré 1 375% d’abonnés en plus. Cependant, vous ne voulez pas ennuyer les gens avec des fenêtres contextuelles avant qu’ils lisent 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 des médias sociaux l’a particulièrement bien fait, avec plusieurs popups utilisant différents visuels et libellés pour attirer le plus d’abonnés possible:
how comment ajouter des popups personnalisés à WordPress
utilisez une photo pleine grandeur
Au lieu d’un fond blanc ordinaire, envisagez d’utiliser une photo pleine grandeur comme arrière-plan pour votre page d’accueil., Encore mieux si la photo utilise un visage, comme l’arrière-plan de la page D’accueil Bluehost:
cela aide les gens à se connecter avec votre site web, et votre marque, à un niveau plus personnel.
idées de conception de site web pour le commerce électronique
Vendez-vous des produits en ligne? Faites de votre page d’accueil une partie de votre boutique en ligne et encouragez les gens à commencer à acheter dès qu’ils entrent sur votre site web., Vous pouvez voir cette idée très bien exécutée sur le site Jeep People:
bien sûr, si vous choisissez cet itinéraire, vous voulez également vous assurer que vous ne faites aucune des erreurs de conception de site de commerce électronique courantes.
👉 Comment faire pour démarrer une boutique en ligne
Diviser votre page d’accueil
avez-vous plusieurs produits, services ou autres éléments d’information que vous souhaitez partager sur votre page d’accueil? Envisagez de le diviser en sections avec des blocs, des diviseurs verticaux et des espaces blancs.,
un site web qui le fait particulièrement bien est Etsy:
idées de conception de site Web pour les menus de navigation
Les menus de navigation flottants collent ils défilent, ce qui leur permet de se déplacer facilement vers d’autres parties de votre site Web à tout moment., 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:
Vous pouvez facilement ajouter un menu de navigation flottant en (ou quoi que ce soit) sur le plugin de défilement.
mettre l’accent sur l’accessibilité
Si vous voulez atteindre des publics ayant une déficience visuelle et une déficience de mobilité, vous devez vous concentrer sur la création d’un site web accessible., La Fondation KidzWish est un excellent exemple de site web construit avec une approche axée sur l’accessibilité:
Vous pouvez rendre votre propre site Web plus accessible en utilisant de grandes polices et des couleurs contrastées.
idées de conception de site web mettant en vedette votre communauté
votre site web est-il principalement le siège 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 sur Barista Échange:
bien sûr, vous voulez vous assurer que votre page est toujours attrayant. Personnalisez votre page d’accueil avec des couleurs et des graphiques accueillants pour attirer les gens.
partagez votre preuve sociale
La preuve sociale est l’une des idées de conception de site web les plus précieuses dans votre boîte à outils marketing., Mettez vos meilleurs témoignages en évidence sur votre page d’accueil, comme je l’ai fait sur mon propre site web:
Vous pouvez amplifier la puissance de vos témoignages en les transformant en graphiques et en construisant un curseur avec ces graphiques.
ajouter une fonction de chat
Une boîte de chat 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:
envisagez de 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.
How comment ajouter le chat en direct à WordPress
ajouter des quiz avec un large appel
Tout le monde aime un quiz divertissant qui teste leurs connaissances ou leur montre quelque chose sur eux-mêmes. Vous avez probablement passé au moins quelques heures sur Buzzfeed quiz vous-même.,
un autre site qui le fait vraiment bien est le site PlayBuzz, qui se concentre sur les quiz de style Buzzfeed.
Vous pouvez ajouter des quiz à votre propre site web facilement avec WordPress quiz plugin.
How comment créer un quiz sur WordPress
utiliser les principes de conception brutaliste
Brutalist web design est un design axé sur le contenu brut, avec peu de respect pour les conventions de conception typiques., Vous pouvez voir ce principe utilisé efficacement sur 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 de la jeunesse ou la culture
idées de conception de site 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 courantes utilisées pour créer cette esthétique sont la pixellisation, les fuites de lumière et la double exposition.,
Un site qui utilise glitch art de créer une puissante esthétique est Active Théorie:
l’Utilisation d’un noir et blanc palette
Parfois, la meilleure chose à faire est de revenir à l’essentiel, et c’est exactement ce qu’est un noir et blanc palette vous aide à le faire., Un site qui le fait particulièrement bien est L’agence de marketing 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 site Web dans cet article, vous devriez avoir beaucoup d’inspiration pour créer votre propre site web.,
Pour obtenir de l’aide avec cela, nous avons également quelques guides sur le processus technique de fabrication d’un site web:
- Comment faire un site web avec WordPress
- Comment faire pour créer un blog avec WordPress
- Comment faire un site web avec Wix