Good Mood

Vous n’avez jamais une seconde chance de faire une première impression ‘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 fade?, Il faut plus que regarder seul it 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 cerveau et en créativité.

Mais avant de nous plonger dans les exemples, nous allons disséquer certaines des meilleures pratiques de conception 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.,

le design 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 pouvez être en mesure de sortir sans avoir à décrire qui vous êtes et ce que vous faites; mais la réalité est, la plupart des entreprises ont encore besoin de répondre à ces questions afin que chaque visiteur sait 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.

la conception 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.

La conception 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.

la conception est optimisée 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 sont également optimisés pour les mobiles, ce qui est un must-have incroyablement important dans le monde mobile d’aujourd’hui.

la conception comprend des 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. »

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.

le design est en constante évolution.

Les meilleures pages d’accueil ne sont pas toujours statique. Certains d’entre eux changent constamment 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.

la conception est efficace.

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 23 exemples réels suivants.,

Dropbox (Entreprise)

4 Rivières Fumoir

Cobb Pédiatrique Services de Thérapie

Melyssa Griffin

Jill Konrath

Evernote

Telerik en Cours

eWedding

Basecamp

la charité: de l’eau

TechValidate

Chipotle

Support

Digiday

TYPE de Collations

Ahrefs

A24 Films

Ellevest

HubSpot

FreshBooks

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

Pourquoi C’est Génial

• Il est très facile à consommer., Il y a beaucoup de débats sur la question 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 « Get Started Gratuit » est très convaincant.
• FreshBooks utilise des témoignages de clients sur la page d’accueil pour raconter des histoires du monde réel sur les raisons d’utiliser le produit.,
• Le sous-titre est également génial: « Rejoignez plus de 10 millions de propriétaires de petites entreprises en utilisant FreshBooks. »FreshBooks emploie habilement preuve sociale million 10 millions est un grand nombre to pour obliger son public cible à rejoindre leurs pairs et essayer l’outil.

Airbnb

voir toute la page d’accueil

pourquoi C’est génial

• Il comprend le formulaire de recherche de destination et de date que la plupart des visiteurs venez chercher, dès le départ, guider 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 démarque; mais l’appel à l’action secondaire pour les hôtes est également visible au-dessus du pli.
• Il propose des suggestions d’excursions et d’escapades les Utilisateurs Airbnb peuvent réserver sur le même site que leurs logements pour inciter les visiteurs à réserver leur voyage sur le site. Il montre également laquelle de ces offres est la plus populaire parmi les autres utilisateurs.,

Pixelgrade

Pourquoi C’est Génial

• – Vous savez dès le départ ce qu’ils sont: des Thèmes WordPress. Le grand titre, suivi d’un sous-titre descriptif, permet aux visiteurs de savoir à quoi s’attendre.
• Le design est simple et la combinaison de couleurs fait un excellent travail pour faire ressortir l’appel à l’action.
• Le côté droit permet d’avoir un aperçu de la façon dont leurs thèmes WordPress ressemblent, sans avoir à faire défiler ou creuser plus profondément.,

Mint

voir toute la page d’accueil

pourquoi C’est génial

• 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. »La conception CTA est également brillante the l’icône de verrouillage sécurisé frappe à nouveau le message de sécurité.,

Dropbox (Entreprise)

Afficher l’intégralité de la page d’accueil

Pourquoi C’est Génial

• Dropbox transporte plus de son design simple et l’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 »
• la page d’accueil et le site Web de Dropbox sont l’exemple ultime de simplicité. Il limite son utilisation de la copie et des visuels et embrasse les espaces.,
• Son sous-titre est simple, mais puissant: « la solution sécurisée de partage et de stockage de fichiers à laquelle les employés et les administrateurs informatiques font confiance. »Pas besoin de décoder le jargon pour comprendre ce que Dropbox fait vraiment.

4 Rivières Fumoir

Pourquoi C’est Génial

• en 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 dans une visite à travers les services, le 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.

Cobb Pediatric Therapy Services

voir toute la page d’accueil

pourquoi C’est génial

• Le titre et le sous-titre plaisent au côté émotionnel des visiteurs: « travaillez 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 tournant 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.,

Melyssa Griffin

voir toute la page d’accueil

pourquoi C’est brillant

• Melyssa démontre immédiatement une preuve sociale « Rejoignez plus de 200 000 autres… »
• elle qualifie la raison d’un visiteur pour visiter son site Web avec un sondage rapide, et chaque option renvoie à une offre de contenu différente.
• Elle ajoute un visage à sa marque. Elle n’est pas seulement un site web aléatoire; elle indique clairement qu’elle est un humain auquel les gens peuvent se connecter.,
• la page utilise des couleurs vives sans être écrasante et permet de comprendre facilement ce que sont les offres commerciales Centrales de Melyssa.

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 recevez en contact — deux de ses principaux appels à l’action.
• l’abonnement pop-up CTA utilise la preuve sociale pour vous faire rejoindre ses milliers d’autres fans.
• Il comprend des logos de médias et des témoignages comme preuve sociale.

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 ses reflets verts et blancs brillants pour faire ressortir les chemins de conversion.
• En suivant un titre simple (« rappelez-vous de tout »), le chemin de l’œil vous mène alors à son appel à l’action,  » inscrivez-vous gratuitement. »
• Evernote propose également un processus d’inscription en un clic via Google pour aider les visiteurs à gagner encore plus de temps.,

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, ses couleurs audacieuses, ses designs amusants et sa vidéographie dégagent une ambiance semblable à 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’aime la présentation simple et de haut niveau de ses 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égère et facile à lire. Il parle la langue de ses clients.

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 800 000 sites Web de mariage construits!, »est une grande preuve sociale.
• Il a inclus d’excellents visuels de produit, un grand titre, et un appel à l’action qui réduit la friction avec la copie, « démarrer le site web. »

Basecamp

Pourquoi C’est Génial

• Pour une longue période de temps, Basecamp a eu la brillante pages d’accueil, et ici vous pouvez voir pourquoi. Il présente souvent des titres impressionnants et des dessins animés intelligents.
• l’appel à l’action est audacieux 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.
• La citation du client est un témoignage audacieux et emphatique parlant des avantages et des résultats de l’utilisation du produit.

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.
• L’animation image d’en-tête est un excellent moyen de capter l’attention.,
• Il utilise beaucoup la vidéo et la photographie, en particulier pour capturer l’émotion qui provoque l’action.

TechValidate

Pourquoi C’est Génial

• Cette page est magnifiquement conçu. J’aime particulièrement l’utilisation d’espaces blancs, de couleurs contrastées et de design centré sur le client.
• Le titre est clair et convaincant, tout comme les appels à l’action.
• Il existe également une grande hiérarchie d’informations, ce qui facilite la numérisation et la compréhension rapide de la page.,

Chipotle

Afficher l’intégralité de la page d’accueil

Pourquoi C’est Génial

• La page d’accueil est un excellent exemple de l’agilité et de changement constant. La page d’accueil actuelle de Chipotle concerne les vacances à venir, qu’elle utilise comme une proposition de valeur unique pour vous permettre de commencer à cliquer sur votre site. Quand je pense Chipotle, Je ne pense pas nécessairement à la restauration, mais le site est un excellent rappel pour envisager différentes utilisations pour les burritos que vous connaissez et aimez déjà.,
• La Photographie culinaire est détaillée et belle, et elle me donne réellement faim en la regardant. Maintenant, c’est une utilisation efficace des visuels.

Moyen

Afficher l’intégralité de la page d’accueil

Pourquoi C’est Génial

• C’est peut-être l’une des meilleures utilisations de l’espace que j’ai vu. Il permet au slogan et à la photo de L’application Medium de prendre le devant de la scène tout en attirant votre attention sur les titres de sections les plus sombres du site.
• Medium facilite l’inscription — sur le site, ou avec un simple message texte sur votre téléphone mobile., Je suis beaucoup plus sensible à un texte d’un e-mail, c’est donc une excellente stratégie pour garder les gens engagés dans le processus d’inscription.
• la page d’accueil utilise la preuve sociale pour inciter les visiteurs à commencer à cliquer: les sections « populaire sur moyen » et « Choix du personnel » me permettent de savoir où trouver du contenu de haute qualité.,

Digiday

voir toute la page d’accueil

pourquoi C’est génial

• contrairement à d’autres publications d’actualités en ligne qui inondent les pages d’accueil avec autant de titres et d’images que possible, la première un article. Son image vedette (dans ce cas, une image effrayante) est accrocheuse, et le titre demande simplement à être cliqué maintenant que le visiteur a une idée de ce qu’il va lire.,
• Le haut de la page d’accueil, où les sites web présentent normalement une tonne de sections et d’options différentes à cliquer, n’a qu’une icône à cliquer which ce qui vous mène à une page d’abonnement.

KIND Snacks

voir toute la page d’accueil

pourquoi C’est brillant

• Les couleurs vives produisent un contraste, ce qui fait ressortir les mots et les images sur la page.
• Le CTA is « Shop KIND » is est intelligent. Il invite le visiteur à cliquer pour en savoir plus tout en jouant sur le mot « genre » – ce qui implique que c’est un bon choix pour y faire du shopping.,
• Le slogan de KIND Snacks est tout droit brillant when quand je l’ai lu, le message a immédiatement résonné et m’a donné envie de lire l’étiquette du snack-bar.

Ahrefs

voir toute la page d’accueil

pourquoi C’est brillant

• Le contraste de couleur entre les couleurs bleu, blanc et orange est accrocheur et rend le titre et le CTA pop.
• Le sous-titre et le CTA sont une paire convaincante: pouvoir commencer à suivre et à devancer ses concurrents gratuitement est une excellente offre.,
• la page d’accueil présente une multitude d’options pour le visiteur, mais elle n’est pas encombrée grâce au fond solide et à la typographie simple.

A24 Films

voir toute la page d’accueil

pourquoi C’est génial

• la page d’accueil de la société cinématographique est composée uniquement de bandes-annonces pour ses nouveaux films. Nous savons que le contenu vidéo est un format que le public veut voir plus, et c’est une excellente stratégie pour présenter le travail D’A24 de manière très attrayante.,
• En haut de la page d’accueil, A24 offre immédiatement une myriade de façons d’entrer en contact via les médias sociaux et les e-mails something quelque chose que j’apprécie en tant que visiteur lorsque tant d’autres sites enterrent les informations de contact au bas de la page.

Ellevest

Afficher l’intégralité de la page d’accueil

Pourquoi C’est Génial

• « Investir Comme une Femme: Parce que l’argent c’est le pouvoir. »Ces titres sont puissants et me donnent envie d’en apprendre davantage sur le produit both à la fois en tant que femme et en tant que personne intéressée à faire des choix financiers judicieux.,
• Les images montrent, plutôt que de dire, l’une des propositions de valeur de l’entreprise: un site de bureau et une application mobile qui se déplacent avec vous.
• « Get Started » est un excellent CTA — en fait, nous l’utilisons nous-mêmes ici chez HubSpot. Lorsque vous cliquez dessus, il faut aux visiteurs quelques étapes simples pour configurer un profil et commencer à investir.,

HubSpot

voir toute la page d’accueil

pourquoi C’est brillant (si nous le disons nous-mêmes)

• Les personnages LEGO attirent votre attention (parce qu’ils sont mignons), puis ils illustrent et renforcent intelligemment le message dans le titre et le sous-titre.
• Il porte un autre accrocheur « Get Started » CTA with Avec microcopy bonus détaillant nos versions gratuites que les utilisateurs peuvent choisir de mettre à niveau à l’avenir.,
• tout au long de la page d’Accueil, Nos thèmes de couleurs bleu vif et orange reviennent constamment pour attirer votre attention sur les liens et les CTA.

Vous cherchez plus d’inspiration? Découvrez ces pages incroyables à propos de nous.