16 des meilleurs exemples de conception de page d’accueil de site web

Vous n’avez jamais une seconde chance de faire une première impression — c’est pourquoi votre page d’accueil est sans aucun doute l’une des pages web les plus importantes de votre site web.

pour une entreprise donnée, la page d’accueil est sa porte d’entrée virtuelle. Si un nouveau visiteur n’aime pas ce qu’il voit, sa réaction réflexe est d’appuyer sur le bouton « Retour”.

C’est vrai, malheureusement, beaucoup de gens encore juger un livre par sa couverture.

Qu’est-ce qui rend la conception de la page d’accueil d’un site Web brillante au lieu de bla?, Eh bien, il faut plus que des regards seuls — il doit aussi bien fonctionner. C’est pourquoi les pages d’accueil les plus brillantes de cette liste ne se contentent pas de marquer haut en beauté, mais aussi en cerveaux.

Mais avant de plonger dans les 16 exemples, disséquons quelques-unes des meilleures pratiques de conception de page d’accueil.

ce qui fait une bonne conception de page d’accueil de site web

toutes les conceptions de page d’accueil présentées ici utilisent une combinaison des éléments suivants., Toutes les pages ne sont pas parfaites, mais les meilleures conceptions de page d’accueil en obtiennent beaucoup:

1) Il répond clairement « qui je suis”, « ce que je fais” et/ou « que pouvez-vous (le visiteur) faire ici. »

Si vous êtes une marque ou une entreprise bien connue (c.-À-D., Coca Cola), vous pourrez peut-être vous en sortir sans avoir à décrire qui vous êtes et ce que vous faites; mais la réalité est que la plupart des entreprises doivent toujours répondre à ces questions afin que chaque visiteur sache qu’ils sont au « bon endroit., »

Steven Krugg résume le mieux dans son best-seller, Don’t Make Me Think: si les visiteurs ne peuvent pas identifier ce que vous faites en quelques secondes, ils ne resteront pas longtemps.

2) il résonne avec le public cible.

Une page d’accueil doit être étroitement ciblée — parler aux bonnes personnes dans leur langue. Les meilleures pages d’accueil évitent  » gobbledygook d’entreprise” et éliminent les peluches.

3) Il communique une proposition de valeur convaincante.

lorsqu’un visiteur arrive sur votre page d’accueil, il doit le contraindre à rester., La page d’accueil est le meilleur endroit pour clouer votre proposition de valeur afin que les prospects choisissent de rester sur votre site web et de ne pas naviguer vers celui de vos concurrents.

4) Il est optimisé pour plusieurs appareils.

toutes les pages d’accueil répertoriées ici sont très utilisables, ce qui signifie qu’elles sont faciles à naviguer et qu’il n’y a pas d’objets « flashy” qui gênent la navigation, tels que des bannières flash, des animations, des pop-ups ou des éléments trop compliqués et inutiles. Beaucoup d’entre eux sont également optimisés pour les mobiles, ce qui est un must-have incroyablement important dans le monde mobile d’aujourd’hui.,

5) Il comprend les appels à l’action (CTA).

chaque page d’accueil répertoriée ici utilise efficacement des appels à l’action primaires et secondaires pour diriger les visiteurs vers la prochaine étape logique. Les exemples incluent  » essai gratuit”, « planifier une démo”, « Acheter Maintenant » ou  » en savoir plus. »(Voici 30 exemples de grandes CTA pour plus d’inspiration.)

rappelez-vous, le but de la page d’accueil est d’obliger les visiteurs à creuser plus profondément dans votre site web et de les déplacer plus loin dans l’entonnoir. Les CTA leur disent quoi faire ensuite afin qu’ils ne soient pas submergés ou perdus., Plus important encore, les CTA transforment votre page d’accueil en un moteur de vente ou de génération de prospects, et pas seulement en une brochure.

6) Ça change toujours.

Les meilleures pages d’accueil ne sont pas toujours statique. Certains d’entre eux, comme Whitehouse.gov, sont en constante évolution pour refléter les besoins, les problèmes et les questions de leurs visiteurs. Certaines pages d’accueil changent également de test A/B ou de contenu dynamique.

7), Il emploie une grande conception globale.

Une page bien conçue est importante pour établir la confiance, communiquer la valeur et guider les visiteurs vers l’étape suivante., En tant que tels, ces pages d’accueil utilisent efficacement la mise en page, le placement CTA, les espaces, les couleurs, les polices et d’autres éléments de support.

maintenant, préparez-vous à en apprendre davantage sur l’excellente conception de la page d’accueil à travers les 16 exemples réels suivants.

Website Design Inspiration: 16 des meilleurs Designs de page d’accueil

1) FreshBooks

voir toute la page d’accueil

pourquoi C’est brillant

• Il est facile à consommer. Il y a beaucoup de débats sur le fait de savoir si les pages d’accueil courtes ou longues fonctionnent mieux., Si vous choisissez de faire ce dernier, vous devez faciliter le défilement et la lecture — et c’est exactement ce que fait ce site. Il est presque agit comme une histoire.
• Il y a une grande utilisation du contraste et du positionnement avec les appels à l’action primaires-il est clair sur quoi l’entreprise veut que vous convertissiez lorsque vous arrivez.
• La copie utilisée dans les appels à l’action « l’Essayer Gratuitement pendant 30 Jours” est très convaincant.
• Le sous-titre est également génial: « rejoignez 5 millions de personnes utilisant FreshBooks pour envoyer sans douleur des factures, suivre le temps et capturer les dépenses., »Il zéros sur un point de douleur commun pour les pigistes et les petites entreprises (public cible de FreshBooks) — généralement logiciel de comptabilité est souvent « douloureusement complexe.,”

2) Airbnb

voir toute la page d’accueil

pourquoi C’est génial

• la page d’accueil est magnifique en soi: il vous accueille avec une vidéo en plein écran de belles images haute définition de voyageurs faisant des activités comme s’ils étaient locaux, de la cuisine à l’achat de fromages locaux en passant par la conduite d’un cyclomoteur dans les rues. C’est très humain et authentique.,
• Il comprend le formulaire de recherche de destination et de date que la plupart des visiteurs viennent chercher, dès le départ, guidant les visiteurs vers la prochaine étape logique.
• Le formulaire de recherche est « intelligent”, ce qui signifie qu’il remplira automatiquement la dernière recherche de l’utilisateur s’il est connecté.
• l’appel à l’action principal (« Recherche”) contraste avec l’arrière-plan et se distingue; mais l’appel à l’action secondaire pour les hôtes est également visible au-dessus du pli.,

3) Mint

voir toute la page d’accueil

pourquoi C’est brillant

• c’est un design super simple avec un titre et un sous-titre forts et sans jargon.
• la page d’accueil dégage une ambiance sécurisée mais facile à vivre, ce qui est important pour un produit qui gère les informations financières.
• Il contient également une copie d’appel à l’action simple, directe et convaincante: « inscrivez-vous gratuitement.” Le design CTA est également brillant-l’icône de verrouillage sécurisé frappe à nouveau le message de sécurité.,

4) Dropbox (Consommateur)

Pourquoi C’est Génial

• la sélection de la page d’accueil et le site web est l’exemple ultime de la simplicité. Il limite son utilisation de la copie et des visuels, et embrasse les espaces.
• Il est difficile de le dire à partir de la capture d’écran statique ci-dessus, mais ce site capte votre attention avec son utilisation subtile d’animation fantaisiste dans ce graphique.
• leur sous-titre est simple, mais puissant: « accédez à tous vos fichiers de n’importe où, sur n’importe quel appareil, et partagez-les avec n’importe qui., »Pas besoin de décoder le jargon pour comprendre ce que Dropbox fait vraiment.
• Il se concentre sur un appel à l’action principal, « inscrivez-vous gratuitement. »Mais la fonctionnalité d’inscription activée par Google réduit les frictions pour les visiteurs qui détestent remplir de longs formulaires d’inscription.

5) Dropbox (entreprise)

voir toute la page d’accueil

pourquoi C’est brillant

• c’est un excellent exemple de fournir une expérience de site web différente pour un public différent., Contrairement à leur page d’accueil principale, qui a été initialement conçu pour le côté consommateur (ci-dessus), leurs utilisateurs professionnels ont besoin de plus d’informations et de points de preuve supplémentaires que Dropbox for Business est une solution sûre et évolutive pour les entreprises (un problème de perception que Dropbox adresse directement sur leur page d’accueil).
• Dropbox continue de porter sur son design simple et son image de marque. Il ne comprend que ce qui est important: une grande image pertinente avec copie à l’appui et un bouton d’appel à l’action « Essayez gratuitement pendant 30 jours”

6) Whitehouse.,gov

Pourquoi C’est Génial

• Construction d’un site web qui prend en charge l’ensemble d’une nation n’est pas tâche facile. Whitehouse.gov est en constante évolution pour refléter les principales préoccupations et priorités-la page d’accueil à elle seule a subi des centaines de révisions. Les tests et l’optimisation sont un élément clé d’une conception de page d’accueil brillante.
• Qu’est-ce qui est particulièrement génial Whitehouse.gov est-ce qu’il est complètement différent de la plupart des sites Web liés au gouvernement. Il a un design épuré et favorise une communauté.,
• Il est assez facile de trouver ce que vous cherchez quand vous débarquez ici. Et si vous ne le trouvez pas immédiatement, il y a même une boîte de recherche pratique.

7) 4 Rivières Fumoir

Pourquoi C’est Génial

• Baver. C’est ce que je pense quand j’arrive sur le site de 4 Rivers Smokehouse. Combiné avec une grande photographie, le titre « poitrine. 18 ans à maîtriser. Le vôtre à savourer.” sonne comme une expérience vaut la peine d’essayer.,
• le défilement parallaxe vous guide lors d’une visite à travers leurs services, leur menu et les gens qui passent un bon moment — une grande utilisation de cette tendance de conception populaire.
• Le seul point négatif? Je n’habite pas assez près de cet endroit. Boo.

8) Cobb Pediatric Therapy Services

voir toute la page d’accueil

pourquoi C’est génial

• le titre et sous-titre appel au côté émotionnel des visiteurs: « travailler avec une entreprise qui L’obtient”; « faites-nous confiance., Nous y sommes allés aussi! Nous trouverons des emplois où vous pourrez vous épanouir.” Cette proposition de valeur est unique et convaincante.
• il est difficile de le dire à partir de la capture d’écran ci-dessus, mais le titre est sur un carrousel rotatif qui s’adresse à des personnalités spécifiques, des candidats à un emploi aux personnes à la recherche d’un thérapeute pour leurs écoles.
• il existe plusieurs voies que les visiteurs peuvent emprunter lorsqu’ils arrivent sur la page, mais les appels à l’action sont bien positionnés, formulés simplement et contrastent avec le reste de la page.,

9) Jill Konrath

AFFICHER l’INTÉGRALITÉ de la page d’ACCUEIL

Pourquoi C’est Génial

• C’est simple et va droit à l’essentiel. D’après le titre et le sous-titre, il est clair exactement ce que fait Jill Konrath (et comment elle peut aider votre entreprise).
• il donne également un accès facile aux documents de leadership éclairé de Jill, ce qui est important pour établir sa crédibilité en tant que conférencière principale.,
• il est facile de s’abonner à la newsletter et d’entrer en contact — deux de ses principaux appels à l’action.
• il comprend des logos de médias et des témoignages comme preuve sociale.

10) Evernote

Pourquoi C’est Génial

• au Fil des ans, Evernote a tourné à partir d’une simple remarque d’économie d’application dans une gamme de produits. Ce n’est pas toujours facile à transmettre sur une page d’accueil, mais Evernote fait un bon travail en regroupant de nombreux messages potentiels en quelques avantages clés.,
• cette page d’accueil utilise une combinaison de couleurs riches et atténuées dans la vidéo et leurs reflets verts et blancs brillants pour faire ressortir les chemins de conversion.
• après un titre simple (« rappelez-vous de tout”), le chemin de l’œil vous mène alors à leur appel à l’action, « inscrivez-vous gratuitement.”

11) Telerik en Cours

Pourquoi C’est Génial

• « Étouffante de l’entreprise” n’est pas le sentiment que vous obtenez lorsque vous arrivez à Telerik du site web., Pour une entreprise qui propose de nombreux produits technologiques, leurs couleurs audacieuses, leurs designs amusants et leur vidéographie dégagent une ambiance semblable à celle de Google. Juste un aspect important pour que les visiteurs se sentent les bienvenus et leur faire savoir qu’ils ont affaire à de vraies personnes.
• j’adore la présentation simple et de haut niveau de leurs six offres de produits. C’est une façon très claire de communiquer ce que fait l’entreprise et comment les gens peuvent en apprendre davantage.
• La copie est léger et facile à lire. Ils parlent la langue de leurs clients.,

12) Boxbee

voir toute la page d’accueil

pourquoi C’est génial

• le titre est un appel-à l’action directement destinée à leur public cible: les entrepreneurs de l’industrie du stockage.
• il a un design très propre et simple. La conception met en évidence le titre, puis montre immédiatement l’appel à l’action principal-pas grand-chose d’autre.
• cet appel à l’action primaire est dans une couleur très contrastée, ce qui le distingue.,

13) eWedding

pourquoi C’est génial

• pour les amoureux qui planifient leur grand jour, eWedding est une excellente destination pour créer un site Web de mariage personnalisé. La page d’accueil n’est pas encombrée et ne comprend que les éléments nécessaires pour amener les gens à commencer à construire leurs sites Web.
• le sous-titre  » plus de 750 000 sites Web de mariage construits!” est une grande preuve sociale.,
• ils ont inclus d’excellents visuels de produits, un grand titre, et un appel à l’action qui réduit la friction avec la copie, « démarrer le site Web.”

14) Basecamp

Pourquoi C’est Génial

• Pendant une longue période, Basecamp a eu la brillante pages d’accueil, et ici vous pouvez voir pourquoi. Ils présentent souvent des titres impressionnants et des dessins animés intelligents.
• l’appel à l’action est en gras et au-dessus du pli.,
• dans cet exemple, la société a choisi une page d’accueil plus semblable à un blog (ou une approche de site à page unique), qui fournit beaucoup plus d’informations sur le produit.

15) de la charité: l’eau

Pourquoi C’est Génial

• Ce n’est pas votre typique à but non lucratif site web. Beaucoup de visuels, copie créative, et l’utilisation de la conception web interactive font cela se démarquer.
• le titre animé est un excellent moyen de capturer plusieurs messages sur une seule ligne.,
• grande utilisation de la vidéo et de la photographie, en particulier pour capturer l’émotion qui provoque l’action.

16) TechValidate

Pourquoi C’est Génial

• Ce site est très bien conçu. J’aime particulièrement leur utilisation de l’espace blanc, des couleurs contrastées et du design centré sur le client.
• le titre est clair et convaincant, tout comme les appels à l’action.,
• il existe également une excellente hiérarchie d’informations, ce qui facilite la numérisation et la compréhension rapide de la page.