17+ exemples de conception de page d'accueil les plus fonctionnels pour votre site Web en 2022

Mis à jour : 06 avril 2022 Par : Équipe de conception

Divulgation aux lecteurs : lorsque vous achetez via des liens de parrainage sur notre site, nous pouvons gagner une commission (sans frais supplémentaires pour vous)

Lorsqu'une personne visite votre site Web et accède à votre page d'accueil avec des images cassées, des polices difficiles à lire, des couleurs sombres et un message pas clair, il est probable qu'elle quittera votre site Web dès que possible. C'est pourquoi vous avez besoin de la conception de page d'accueil la plus fonctionnelle possible afin que vos visiteurs restent et se convertissent en clients ou en lecteurs.

L'objectif principal d'une page d'accueil bien conçue est de convertir vos visiteurs en clients ou en fans. Si votre page d'accueil n'a pas d'appel à l'action (CTA) sur lequel quelqu'un peut cliquer et s'inscrire ou en savoir plus sur votre produit, il ne saura pas quoi faire et partira sans faire aucune action. Notre objectif sera donc de nous assurer que la conception de votre page d'accueil comporte au moins un ou deux CTA spécifiques.

Notre objectif est de passer en revue de nombreuses pages d'accueil bien conçues et fonctionnelles créées par des équipes de concepteurs, d'experts UI/UX et de développeurs qui travaillent dur pour comprendre ce qu'il faut pour créer une page d'accueil qui se démarque et séduit par l'esthétique de vos nouveaux visiteurs. Nous discuterons de l'utilisation des polices, des couleurs, des slogans, des slogans et des appels à l'action, car ce sont les aspects principaux et les plus importants d'une page d'accueil bien structurée.

Les objectifs et les avantages de la page d'accueil de Well Design

Chaque site Web que vous visitez a un message et un objectif différents. Qu'est-ce que vous voulez que votre public fasse et comprenne une fois qu'il a atterri sur la page d'accueil de votre site ? Le plus important est qu'ils comprennent qui vous êtes et ce que vous voulez qu'ils fassent ensuite. En bref, un slogan, qu'est-ce que vous faites et une description rapide des détails de ce qu'est votre site Web.

Comme la plupart des visiteurs atterriront d'abord sur votre page d'accueil, vous devez les convertir en moins de 2 secondes de ce qu'est votre entreprise ou votre site Web. Cela se fera avec une belle mise en page de vos images, couleurs, typographie, boutons d'appel à l'action pour les garder allumés. votre site et aidez-les à explorer et à en savoir plus sur votre produit ou service que vous souhaitez offrir.

Améliorez l'expérience utilisateur (UX) et l'interface utilisateur (UI) pour obtenir plus de conversion

Les images jouent un rôle très important dans la mise en page de votre page d'accueil, les images de personnes, d'objets, d'animaux, de la technologie permettront à vos visiteurs de savoir en quelques secondes ou moins de quoi parle votre site Web. Nous devons également comprendre votre public cible, à quoi il s'attend lorsqu'il visite votre site Web pour la première fois ? est-ce que votre page d'accueil sur une boutique en ligne et vous vendez des biens ou des produits numériques ou est-ce plus orienté vers l'information ? La société Nest essaiera de me vendre un produit pour ma maison, mais United Healthcare me fournira des informations sur l'assurance maladie spécifique dont je pourrais avoir besoin.

Nous passerons en revue tous les aspects spécifiques d'une page d'accueil bien conçue pour capturer vos visiteurs avec des boutons d'appel à l'action bien placés sur votre page, ou l'inscription à la newsletter où vos nouveaux visiteurs peuvent s'inscrire à vos nouvelles hebdomadaires. Nous parlerons du placement du logo, de la taille des polices, des couleurs principales globales de votre site Web spécifique et pourquoi certaines couleurs fonctionnent bien et certaines couleurs peuvent ne pas être si agréables. Nous voulons nous assurer que l'expérience utilisateur est agréable et que les gens ne se perdent pas ou ne se perdent pas sur votre page d'accueil à la recherche d'informations ou d'un produit spécifiques, car ils se fâcheront et quitteront votre site.

Comment mettre en page et concevoir la meilleure page d'accueil?

Alors, de quoi avez-vous besoin pour concevoir une page d'accueil bien convertie? Tout d'abord, nous vous donnerons d'excellents exemples avec des explications sur certaines des pages d'accueil des sites Web des entreprises les plus populaires afin que nous puissions comparer et voir ce qui les rend si formidables. C'est une bonne pratique pour tout concepteur débutant d'avoir une idée de ce que font les experts. Si vous souhaitez créer votre propre site Web, nous avons un article détaillé qui vous aidera à démarrer. Il existe de nombreux logiciels de conception graphique gratuits pour vous aider à mettre en page votre page d'accueil et à tester différentes conceptions avant d'être satisfait de vos résultats.

Nous vous encourageons à utiliser des visuels tels que des illustrations, des icônes, des graphiques vectoriels pour rendre votre page d'accueil mémorable, les photos de stock jouent un rôle important lors de la conception de votre page d'accueil car elles feront en sorte que vos visiteurs se sentent en sécurité et agréables.

Les meilleurs exemples de conception de page d'accueil avec explication et ce qui les rend les plus mémorables

Maintenant, nous pouvons enfin voir les meilleurs exemples de pages d'accueil bien conçues dans de nombreuses catégories différentes, ces entreprises sont toutes bien connues avec de nombreuses ressources et des années de test des couleurs, des polices, des boutons d'appel à l'action, elles ont fait beaucoup de tests A/B pour voir quelles couleurs ou images fonctionnent mieux que d'autres. Ils utilisent des cartes thermiques pour voir où les gens cliquent et où ils ne cliquent pas afin qu'ils puissent mettre le bouton d'appel à l'action à cet endroit. Nous expliquerons en détail ce qui distingue chaque conception de page d'accueil de site Web.

1. Adobe

Adobe est l'une des sociétés de logiciels les plus connues pour les créatifs. Nous utilisons Adobe pour bon nombre de nos projets de conception, de Photoshop à After Effects. Ils veulent que vous vous inscriviez pour un essai gratuit de leur logiciel, c'est donc le principal appel à l'action. Une fois que vous verrez le mot "gratuit", vous les essayerez probablement car vous n'avez rien à perdre.

Mise en page très propre et simple avec un grand curseur avec une animation d'arrière-plan vous montrant comment vous pouvez utiliser le logiciel Adobe pour créer votre propre interaction. Le deuxième CTA est "en savoir plus" si vous n'êtes pas prêt à commencer, peut-être souhaitez-vous en savoir plus sur les différents logiciels ou produits qu'ils proposent.

Couleurs principales : Blanc, Rouge, Noir, Bleu, Orange, Vert
Slogan : Les voyages créatifs commencent ici.
Slogan : Laissez libre cours à votre inspiration avec nos applications vidéo, design, photo et UI/UX
Appel à l'action (CTA 1) : Lancer un essai gratuit
Appel à l'action (CTA 2) : en savoir plus

2. Nid

Nest l'un des plus grands sites Web de commerce électronique de caméras et de thermostats, ils utilisent beaucoup d'images de produits, une fois que vous visitez la page d'accueil, vous savez exactement ce qu'ils vendent, sous les grandes images principales se trouvent tous les produits qu'ils vendent afin que vous puissiez cliquer et explorer produit spécifique à acheter.

Ils n'ont pas de bouton d'appel à l'action spécifique sur les hommages car ils ont tellement de produits différents. La page d'accueil est super propre et d'aspect professionnel, ils utilisent de grandes polices en haut "Bienvenue dans Google Nest" construisez votre beau slogan utile pour votre maison veut que vous restiez ici et exploriez davantage.

Couleurs principales : Blanc, Noir, Vert, Gris
Slogan : Bienvenue dans Google Next.
Slogan : Construisez votre maison utile.
Appel à l'action (CTA 1) : aucun
Appel à l'action (CTA 2) : aucun

3. Wordpress

WordPress, tel que nous l'utilisons pour notre entreprise et l'adorons, est le constructeur de sites Web le plus utilisé, alimentant plus de 43% de tous les sites Web sur Internet. La page d'accueil est très propre avec un grand slogan vous invitant à utiliser le logiciel pour créer votre prochain site Web. Ils vous montrent des images d'autres personnes qui créent leurs sites afin que vous puissiez commencer dès aujourd'hui.

WordPress est basé sur des thèmes que vous pouvez utiliser et installer pour commencer à créer votre site Web. Il existe de nombreux thèmes de portefeuille gratuits parmi lesquels vous pouvez choisir pour vous aider à visualiser votre page d'accueil et à la personnaliser selon vos besoins, comme nous l'avons expliqué ci-dessus.

Couleurs principales : Blanc, Noir, Bleu
Slogan : Bienvenue dans le créateur de sites Web le plus populaire au monde.
Slogan : 43 % du Web est construit sur WordPress.
Appel à l'action (CTA 1) : démarrez votre site Web
Appel à l'action (CTA 2) : aucun

4. Espace carré

Squarespace est l'un des créateurs de sites Web les plus populaires pour les créatifs. Il en va de même pour utiliser et démarrer votre propre site Web personnel ou de commerce électronique, vous pouvez l'essayer gratuitement, puis si vous l'aimez, obtenez un abonnement mensuel. Squarespace propose de nombreux modèles de pré-maid modernes et simples à utiliser pour commencer.

Squarespace utilise de grandes images et de très grandes polices pour faire passer le message. Tout pour vendre n'importe quoi est le slogan principal. Ils ajoutent également "Aucune carte de crédit requise" pour démarrer votre essai gratuit, ce qui est sans tracas pour tous ceux qui souhaitent tester leur créateur de site Web.

Couleurs principales : Noir, Rose, Blanc
Tagline: Tout pour vendre n'importe quoi
Slogan : Commencez votre essai gratuit de site Web dès aujourd'hui
Appel à l'action (CTA 1) : Commencez
Appel à l'action (CTA 2) : commencer

5. Boîte de dépôt

Dropbox utilise de belles photos de deux personnes sur le côté droit les montrant en train de regarder un écran d'ordinateur et de partager probablement des fichiers, ce qui est la première impression qu'ils veulent que vous ayez. Belle utilisation des images comme nous en avons discuté précédemment et de belles illustrations d'icônes au milieu de la page d'accueil.

Grand slogan en haut à gauche, "Gardez la vie organisée" et en dessous en bleu, un seul appel à l'action "Trouvez le plan pour vous" vous fait cliquer dessus et voir ce qu'ils offrent et combien coûte chaque plan.

Couleurs principales : Noir, Bleu, Orange
Slogan : Gardez votre vie organisée et votre travail en mouvement, le tout au même endroit
Slogan : Dropbox vous donne un accès sécurisé à tous vos fichiers.
Appel à l'action (CTA 1) : trouvez le plan qui vous convient
Appel à l'action (CTA 2) : aucun

6.Uber

Uber utilise une grande image presque en plein écran d'une personne dans ce cas, une femme ouvrant les portes d'une voiture, puisqu'il s'agit d'une entreprise de voitures / taxis utilisant des personnes et des voitures comme images nous permettant de savoir ce qu'elles font sans même lire le slogan, qui comme nous mentionnons avant d'utiliser des images est très puissant.

Uber a deux boutons d'appel à l'action, l'un est "Inscrivez-vous pour conduire" l'autre est "Réservez un trajet" donc vous voulez être chauffeur Uber ou vous voulez un trajet Uber vers un endroit spécifique. Il s'agit d'un site Web très simple et moderne utilisant principalement des images et deux couleurs blanc et noir.

Couleurs principales : Noir, Blanc
Slogan : Prenez le volant et soyez payé
Slogan : Roulez sur la plateforme avec le plus grand réseau de motards actifs.
Appel à l'action (CTA 1) : Inscrivez-vous pour conduire
Appel à l'action (CTA 2) : réserver une course

7. WooCommerce

WooCommerce l'une des plus grandes plateformes de commerce électronique pour créer votre propre boutique en ligne. Disposition de la page d'accueil très simple presque divisée en deux. Sur le côté gauche, vous avez un beau grand slogan "Créer le site Web de commerce électronique que vous voulez" avec deux appels à l'action - l'un est "Créer un nouveau magasin", il vous dit exactement quoi faire.

Sur le côté droit se trouvent des exemples de sites Web ou de thèmes que vous pouvez utiliser pour créer votre propre boutique en ligne. Il existe de nombreux thèmes WooCommerce gratuits bien conçus et codés pour vous aider à créer votre propre boutique.

Couleurs principales : Noir, Blanc, Violet
Slogan : Créez exactement le site Web de commerce électronique que vous souhaitez
Slogan : WooCommerce est une plate-forme de commerce électronique personnalisable et open source basée sur WordPress
Appel à l'action (CTA 1) : démarrer une nouvelle boutique
Appel à l'action (CTA 2) : personnaliser et étendre

8. Pot chaud

Hot jar l'entreprise derrière la carte thermique une fois que vous avez terminé la conception de votre page d'accueil, nous vous recommandons fortement de vous inscrire avec eux pour voir où vos visiteurs cliquent et si vos boutons d'appel à l'action sont placés correctement.

La page d'accueil de HotJar est très simple et moderne, avec un grand slogan en haut et une vidéo d'illustration créative sur le côté gauche avec un bouton d'appel à l'action sur la droite. C'est une interface utilisateur / UX très agréable et propre, très bien exécutée, comme on peut s'y attendre d'une entreprise qui le fait tous les jours. Excellent exemple de page d'accueil bien conçue, vous donne également de belles statistiques sur 26 657 entreprises inscrites le mois dernier .. vous donne confiance quant au nombre de nouvelles personnes qui se sont inscrites avec elles au cours du mois dernier.

Couleurs principales : Noir, Blanc, Orange
Slogan : Comprenez rapidement comment les utilisateurs se comportent sur votre site, ce dont ils ont besoin et ce qu'ils ressentent.
Slogan : Les jours lents et manuels de collecte de données et de commentaires sont révolus.
Appel à l'action (CTA 1) : essayez-le gratuitement
Appel à l'action (CTA 2) : Inscrivez-vous avec Google

9. eMariage

eWedding l'un des plus grands outils de planification de mariage sur le Web, une mise en page claire et simple, un grand slogan en haut avec des statistiques "921 470+ couples peuvent se tromper" vous donnant la tranquillité d'esprit qu'ils sont une entreprise de confiance. Belle grande illustration vous montrant à quoi ressemblent les outils lorsque vous vous inscrivez.

Le CTA est "Free to use" comme nous le savons avant Free est un bouton d'appel à l'action très puissant car de nombreuses personnes essaieront votre produit car elles n'ont rien à perdre. Tye utilise également de belles icônes d'illustration combinées avec du texte pour l'esthétique visuelle.

Couleurs principales : violet, blanc, vert
Tagline : La nouvelle norme en matière d'outils de planification et de gestion de mariage
Slogan : Virez votre agenda, nous travaillons pour vous 24h/24 et 7j/7
Appel à l'action (CTA 1) : utilisation gratuite
Appel à l'action (CTA 2) : Commencez maintenant

10. s'assurer

Assurez-vous qu'il s'agit de l'un des plus grands sites Web en ligne d'assurance-maladie, ils ont une caricature qui ressemble à des femmes car elle peut vous aider à trouver votre plan, si vous ne voulez pas parler à une personne réelle, vous pouvez essayer l'assistant virtuel. Site Web très propre et bien conçu, avec beaucoup d'espace blanc pour s'y retrouver facilement.

Vous pouvez cliquer pour voir les plans ou comparer les plans, ou vous pouvez les appeler car ils mettent le numéro de téléphone en plein milieu de la page. Ravi de voir toutes les options qui s'offrent à vous, de sorte que vous ne soyez pas perdu de ne pas savoir quoi faire.

Couleurs principales : Noir, Blanc, Vert
Slogan : Je suis Emma, ​​votre assistante virtuelle Medicare.
Slogan : Je peux vous aider à trouver des produits, à comparer les tarifs et à vous inscrire par vous-même.
Appel à l'action (CTA 1) : voir les plans
Appel à l'action (CTA 2) : Essayez Emma

11. Bluehost

Bluehost, l'un des plus grands fournisseurs d'hébergement, a une conception de page d'accueil très agréable et propre, axée sur l'hébergement et la création de sites Web. La page d'accueil est divisée en deux, sur la gauche, ils proposent l'hébergement de votre site avec un joli appel à l'action, et sur la droite, vous pouvez commencer à créer votre site Web avec "start building" CTA.

Une image proéminente d'une personne au milieu vous invitant à créer et à construire votre site est un message facile et simple, agréable et propre. Ils ont également un badge car ils sont le choix des éditeurs de PC pour le meilleur hébergement en 2021, une bonne utilisation de la sûreté et de la sécurité comme récompense qu'ils ont obtenue.

Couleurs principales : Noir, Blanc, Bleu
Slogan : Hébergement Web tout-en-un.
Slogan : Notre nouveau constructeur rend la création de sites Web WordPress amusante et facile.
Call to Action (CTA 1) : Hébergez votre site
Appel à l'action (CTA 2) : commencez à créer

12. FindLaw

FindLaw un site Web avec une base de données de tous les avocats aux États-Unis, où vous pouvez effectuer une recherche par problème juridique ou par code postal. Ils utilisent une grande image de personnes comme vous qui sourient que trouver un avocat a été très facile. FindLaw utilise l'image comme objectif principal du site, avec une diversité de personnes basée sur la race et le sexe.

Ils ont une grande barre de recherche en plein milieu où vous pouvez simplement saisir vos informations ou votre code postal et rechercher facilement la base de données de tous les avocats de votre région. Le CTA "Find My Lawyer" est en orange vif, vous ne pouvez donc pas le manquer.

Couleurs principales : Noir, Blanc, Orange, Gris
Slogan : Obtenez de l'aide pour tous vos besoins juridiques
Slogan : FindLaw facilite la recherche d'un avocat
Appel à l'action (CTA 1) : Trouver mon avocat
Appel à l'action (CTA 2) : aucun

13. Sucuri

Sucuri est l'un des sites bien connus pour nettoyer votre site Web lorsqu'il est piraté ou infecté par des virus. Nous aimons le CTA "Fix Hacked Site", il n'y a aucun doute sur ce qu'ils veulent que vous fassiez lorsque vous arrivez sur la page d'accueil. Vous venez ici avec un problème, probablement votre propre site Web est piraté et ils peuvent facilement le réparer pour vous.

Ils ont une image sur le côté droit d'un ordinateur et l'écran rouge montre un site Web piraté, ressemblant probablement exactement au vôtre afin que vous puissiez facilement identifier le problème. En bas à droite, ils ont un chat en direct avec un numéro de téléphone ou vous pouvez simplement discuter avec une personne en direct pour vous aider à résoudre les problèmes. Le chat en direct est en vert pour que vous vous sentiez en sécurité et à l'aise pour parler à l'autre personne.

Couleurs principales : Noir, Blanc, Vert, Rouge
Slogan : Nous nettoyons et protégeons les sites Web
Slogan : Nous corrigeons les piratages et prévenons les futures attaques. Une plateforme basée sur le cloud pour chaque site.
Appel à l'action (CTA 1) : réparer le site piraté
Appel à l'action (CTA 2) : en savoir plus

14. Moteur WP

WP Engine est une société d'hébergement WordPress bien connue. Ils ont une page d'accueil très propre et simple avec un très grand slogan vous indiquant qu'ils sont la première société d'hébergement pour WordPress. Ils utilisent deux CTA, l'un est en bleu avec le message Plans and Pricing et l'autre voit tous nos produits. Ils utilisent une très belle image d'illustration sur la droite vous montrant la vitesse, l'analyse et le chat.

Ils ont des logos d'autres entreprises populaires qui utilisent leurs produits pour vous assurer que des entreprises telles que Volvo, yelp, petco utilisent également WP Engine pour héberger leurs sites Web. Page d'accueil propre et simple, ils ont également un chat d'amour en bas à droite si vous avez besoin de poser des questions.

Couleurs principales : noir, blanc, couple, bleu
Slogan : Boostez votre créativité sur la plateforme n°1 pour WordPress
Slogan : Choisissez la meilleure solution d'hébergement WordPress pour votre entreprise
Appel à l'action (CTA 1) : forfaits et tarifs
Appel à l'action (CTA 2) : voir tous les produits

15. Soins de santé unis

United Healthcare l'un des plus grands sites Web de soins de santé et de couverture santé. Site Web très propre, ils utilisent une image de famille souriante et prenant un selfie, ils ont l'air heureux et en sécurité. Le site Web utilise un joli slogan «Obtenez des plans de santé pour vous et votre famille» directement au but, en dessous vous avez un CTA «Trouvez votre plan» une fois que vous arrivez sur ce site Web, cela vous fait vous sentir en sécurité et vous voulez rester ici et explorer plus d'options.

Couleurs principales : Blanc, Torque, Bleu
Tagline: Obtenez des plans de santé pour vous et votre famille, à tout âge et à tout moment
Slogan: Il est encore temps d'obtenir une couverture pour 2022
Appel à l'action (CTA 1) : trouvez votre plan
Appel à l'action (CTA 2) : obtenez de l'aide pour trouver un plan

16. Thèmes élégants

Les thèmes élégants, l'un des plus grands constructeurs de pages WordPress, ont une belle page d'accueil très élégante et attrayante, axée sur la technologie et les logiciels. Avec un grand slogan et un appel à l'action très visible en rose. Ils utilisent une très belle image à droite avec un joli slogan "invest in your future" belle utilisation de la typographie et des illustrations.

Ils utilisent également une icône de chat en direct en bas à droite, si vous avez des questions spécifiques. Ils sont très précis sur le ciblage de leur public avec une remise de 10 %.

Couleurs principales : bleu, rose, blanc
Slogan : WordPress libéré
Slogan : Les thèmes WordPress les plus populaires au monde et le constructeur visuel ultime de pages
Appel à l'action (CTA 1) : Libérez la puissance de Divi
Appel à l'action (CTA 2) : Tarification

17. Lyft

Lift est un autre grand fournisseur de voitures / taxis avec une conception de page d'accueil minimaliste et sophistiquée. Le logo, comme sur presque toutes les pages d'accueil de conception de puits, se trouve dans le coin supérieur gauche, le logo Lyft est en rose vif, il ressort donc très bien. Au milieu, vous avez une image d'une conductrice avec un passager à l'arrière. Une fois que vous arrivez sur cette page d'accueil, vous savez exactement ce qu'ils essaient de vous dire.

Avec le grand slogan "Let's ride" et l'appel à l'action, appliquez votre conduite ou inscrivez-vous pour rouler, vous avez deux options pour explorer davantage. Design très épuré et minimal avec une belle utilisation des polices et des photos de personnes comme vous.

Couleurs principales : Noir, Rose, Blanc
Tagline: Allons rouler
Slogan : Définissez vos propres horaires. Gagnez selon vos propres conditions.
Appel à l'action (CTA 1) : postuler pour conduire
Appel à l'action (CTA 2) : Inscrivez-vous pour rouler

18. Starbuck

Starbuck n'a probablement pas besoin d'être présenté car il s'agit du plus grand magasin de café au monde. Personnellement, j'adore le café Starbuck avec tant de variétés. Starbuck se concentre sur le café pour les amateurs de café. Puisque le logo est vert, la plupart de la conception de la page d'accueil est verte et vert clair. Ils utilisent une image d'un homme souriant alors qu'il vient de recevoir sa tasse de café, une autre image en dessous est celle de deux cappuccinos de café qui vous donnent envie d'obtenir le vôtre.

Ils veulent que vous deveniez membre de Starbuck avec un CTA maintenant et que vous obteniez des récompenses, une belle utilisation des images, des couleurs et du slogan "Choisissez votre humeur" en fonction de votre café.

Couleurs principales : Noir, Vert, Marron
Slogan : Choisissez votre humeur
Slogan : Ajoutez une touche d'excitation à votre journée
Appel à l'action (CTA 1) : Inscrivez-vous maintenant
Appel à l'action (CTA 2) : Explorez le menu d'hiver

19. Agrandir

Zoom la plus grande plate-forme de réunion en ligne, c'est aussi propre qu'une page d'accueil, ils utilisent un grand curseur avec test et CTA à gauche et une vidéo à droite avec des personnes se faisant face par visioconférence Zoom.

Le CTA est en orange avec du texte blanc "Inscrivez-vous gratuitement" ou vous pouvez rechercher des prix et des plans. Il n'y a aucun doute sur ce qu'ils font et sur ce qu'ils veulent que vous exploriez davantage en vous inscrivant à leur produit.

Couleurs principales : Noir, Blanc, Bleu
Slogan : Centre d'apprentissage Zoom
Slogan : Zoom est pour vous
Appel à l'action (CTA 1) : inscrivez-vous gratuitement
Appel à l'action (CTA 2) : forfaits et tarifs

20. Menthe

Mint est l'application numéro 1 pour les finances personnelles simplifiée juste pour vous. La page d'accueil est très propre et va droit au but, avec un grand slogan "Gestion de l'argent" et une grande image d'une personne tenant un téléphone vous montrant à quel point l'application est facile et simple. Très belle utilisation des couleurs vertes car elles symbolisent l'argent.

Couleurs principales : noir, vert, vert clair
Slogan : Gérer son argent en toute simplicité
Slogan : Dites bonjour à l'application qui simplifie les finances personnelles
Appel à l'action (CTA 1) : Inscrivez-vous à Mint
Appel à l'action (CTA 2) : App Store ou Google Play

21. AirBnB

Si vous êtes déjà parti en vacances, vous savez probablement qu'airbnb est l'alternative à n'importe quel hôtel. Vous pouvez réserver n'importe quel endroit dans n'importe quel pays ou état et rester comme la maison, l'appartement ou la chambre de quelqu'un. Le site Web est noir avec un slogan blanc dominant "je ne sais pas où aller" et un CTA "je suis flexible". Il y a une grande image d'un homme debout dans un dôme dans les montagnes, belle utilisation de l'image créative.

Le site Web est noir à près de 90%, le blanc étant le point dominant et focal. Look très moderne et élégant.

Couleurs principales : Noir, Blanc
Tagline : Vous ne savez pas où aller ? Parfait.
Slogan : Inspiration pour votre prochain voyage
Appel à l'action (CTA 1) : Je suis flexible
Appel à l'action (CTA 2) : aucun

22. Maman

MoMa, l'un des musées les plus populaires au monde si vous êtes designer ou créatif, c'est l'un des musées que vous devez visiter. La page d'accueil est très créative comme on peut s'y attendre d'un musée moderne. Ils utilisent des couleurs très vives en mettant l'accent sur l'exposition en cours.

Le CTA est de réserver vos billets ou d'en savoir plus sur ce qui est affiché à la date et à l'heure actuelles. De grandes images vous donnent un aperçu de ce que vous verrez lorsque vous visiterez l'endroit. L'hommage au MoMa est très créatif et unique dans le sens où vous pouvez avoir un site Web unique et toujours avoir des CTA pour informer les visiteurs de ce qu'il faut faire ensuite et comment explorer encore plus votre site. Pourquoi cette mise en page fonctionne parce qu'ils savent que leur public est composé de professionnels de la création ayant une vision de l'abstraction et des arts.

Couleurs principales : Noir, Blanc, Vert, Violet
Tagline: Nous avons hâte de vous voir
Slogan : Planifiez votre visite
Appel à l'action (CTA 1) : réservez des billets chronométrés
Appel à l'action (CTA 2) : en savoir plus

Conception de la page d'accueil

Nous explorons de nombreuses meilleures pages d'accueil de conception avec une explication détaillée de ce qui fonctionne et pourquoi elles sont des exemples parfaits de l'apparence de votre page d'accueil et de ce qui devrait être votre objectif principal lors de la conception de votre site Web.

La meilleure façon de démarrer votre nouveau site Web est de faire une recherche sur le type de visiteurs que vous essaierez d'attirer, s'agit-il de professionnels, de familles ou de créatifs qui aiment un site amusant et unique ? Faire des recherches approfondies sur l'interface utilisateur / UX vous aidera à déterminer à quoi devrait ressembler votre page d'accueil et à ne pas confondre votre public. Vos CTA doivent être placés à des endroits bien en vue pour leur faire savoir pourquoi ils doivent cliquer et effectuer des actions sur votre site.

L'utilisation de photos, d'illustrations ou de vidéos rapides vous donnera l'avantage d'objectifs visuels car vos visiteurs avant même de lire votre slogan sauront de quoi parle votre site. Assurez-vous d'utiliser de grandes polices et un message propre afin de ne pas confondre vos utilisateurs. N'ajoutez pas trop de CTA, un ou deux devraient suffire pour que les visiteurs cliquent pour la première fois, si vous leur donnez trop d'options, ils ne sauront pas quoi faire, vous devez donc éviter les idées fausses.

Gardez vos informations les plus importantes au-dessus du pli, car la plupart des gens ne feront pas défiler votre site Web, la plupart des actions se produiront au-dessus du pli, c'est donc votre objectif principal