Saviez-vous que pour de nombreux sites, la page de contact obtient plus de pages vues que toute autre section? C’est vrai, en particulier pour les agences et les sous-traitants.

Alors que de nombreux sites proposent une page de contact après réflexion, vous devriez consacrer beaucoup plus de temps et d’attention à votre page de contact car, pour beaucoup marques, c’est le début de votre relation avec des clients potentiels.

Aujourd’hui, nous fournissons quelques bonnes pratiques pour la page Contactez-nous et examinons des exemples d’incroyables pages Contactez-nous qui présentent différents styles en fonction de différents publics et intentions commerciales .

Pour commencer, examinons…

Quelques évidents Bonnes pratiques de la page Contactez-nous:

• Faites attention à vos ps et questions: même de petites erreurs grammaticales peuvent crier aux visiteurs. Vous voudrez parcourir votre page de contact avec un peigne fin.

• Restez simple: vous ne voulez pas mettre trop de barrières entre les visiteurs du site et les coordonnées qu’ils recherchent. Gardez votre page Contactez-nous courte, douce et précise.

• Donnez aux gens ce qu’ils veulent: je déteste les formulaires de contact – d’une manière ou d’une autre, j’ai juste le sentiment que lorsque je remplis un, je ne répondrai jamais d’eux. J’ai aussi l’impression que je ne suis pas digne de confiance et que je ne mérite pas une véritable adresse e-mail. Bien sûr, fournir une véritable adresse e-mail vous ouvre la porte à des spammeurs potentiels, c’est donc un peu compliqué. Quelle que soit la manière dont vous choisissez de configurer votre page de contact, assurez-vous qu’il est extrêmement facile pour les gens de vous contacter. Si vous utilisez un formulaire de contact, ne demandez que les éléments essentiels (nom, adresse e-mail et leur message). J’ai vu des formulaires de contact nécessitant des adresses postales et des numéros de téléphone obligatoires. Les champs de formulaire comme ceux-ci sont un obstacle majeur.

• Look magnifique: lorsque les utilisateurs visitent votre page Contactez-nous, ils commencent une relation avec vous. Ils veulent en savoir plus sur vous, et la conception et le style de votre page Contactez-nous feront partie de leur impression initiale. Garde cela à l’esprit! Ayez l’air sexy, rendez ces lecteurs tellement excités de vous contacter!

• Montrez votre personnalité: comme je l’ai mentionné ci-dessus, les utilisateurs qui visitent votre page Contactez-nous cherchent à en savoir plus sur tu. Réfléchissez à la façon dont vous voulez que votre copie reflète la personnalité de votre marque. Si votre public est un public informel et amusant, pensez à un ton léger et même comique pour votre page Contactez-nous.

PLUS: Essayez GRATUITEMENT la niveleuse de pages de destination WordStream

Exemples de pages pour nous contacter: le grand et le moins bien

Voyons quelques exemples du monde réel. Nous notons ces exemples de page contactez-nous sur une échelle de 1 à 1. dix. 10 est un morceau de page de contact de la perfection, 5 est tout droit, et 1 est « le brûler au sol. » Faites-moi savoir si vous êtes d’accord avec mon score!

Notre premier exemple vient de CoolApps. Leur page contactez-nous fournit un formulaire de contact simple et rapide, une adresse e-mail à utiliser si vous préférez, et divers boutons de réseaux sociaux au cas où vous préférez les contacter via le réseau social de votre choix.

Bien sûr, ce qui distingue vraiment celui-ci est son style et son charme adorable. C’est très amusant!

Note: 8. A l’air fantastique, a beaucoup d’options de contact et montre de la personnalité.

Notre prochain exemple de Black Sheep montre une page de contact qui fait un excellent travail en utilisant un style et un design qui correspondent au reste du site. C’est propre, précis et beau!

Note: 6. Simple, élégant et s’accorde avec le thème.

Ensuite, nous avons une page de contact de ViperChill, un site géré par le célèbre maverick marketing Glen. Avant de donner son adresse e-mail, Glen fournit une FAQ répondant aux questions courantes des visiteurs. Cela lui permet de gagner du temps et de ne pas se laisser submerger par des e-mails inutiles.

Alors que les agences et les sociétés de services peuvent avoir soif d’e-mails, les personnes qui se présentent comme une marque personnelle travaillent souvent avec une équipe de une. Ils ne peuvent pas collecter et stocker des contacts par e-mail, et doivent plutôt être beaucoup plus délibérés avec leur temps.

Note: 6. Utilisation intelligente de la hiérarchie des informations pour répondre aux questions des utilisateurs avant d’envoyer un e-mail. / p>

JetBlue offre un autre exemple d’une page de contact bien conçue. Comme l’exemple ci-dessus, JetBlue fournit un lien direct vers des rubriques d’aide et des réponses populaires. Pour ceux qui ne reçoivent pas de réponse à leurs questions dans la section des sujets, les options de contact par e-mail et numéro de téléphone sont fournies ci-dessous. Cette page s’accorde également bien avec le design et la palette de couleurs JetBlue plus larges de la marque.

Note: 7.JetBlue permet de récupérer très facilement des informations, que ce soit à partir de FAQ ou avec une requête par e-mail ou par téléphone, tout en conservant un style qui rassure les visiteurs.

En termes de fonctionnalité, la page de contact de Mashable n’est donc pas la pire. Il fournit toutes les informations dont vous avez besoin pour entrer en contact avec les gens de Mashable, avec un formulaire de contact et des adresses e-mail plus spécifiques ci-dessous.

Ce qui est choquant, c’est à quel point cette page semble hideuse. Pas de style, pas de caractère, pas de personnalité du tout. Si vous venez de voir cette page de contact, vous ne devinerez jamais que vous consultiez l’un des sites les plus populaires du Web! Pourquoi si monstrueux? Qui sait? Peut-être que Mashable maintient délibérément une page de contact laide afin que ses boîtes de réception ne soient pas aussi inondées.

Score: 2. Moche, ennuyeux et inadapté à Mashable.

Cette page minimaliste de contact de Mostly Serious est un excellent exemple d’un design net et net. Même avec si peu d’exemplaires, Mostly Serious parvient toujours à ajouter une touche d’humour et de personnalité.

Note: 7. Mostly Serious parvient à réaliser ce design ultra-minimaliste sans négliger l’élément de plaisir.

Code Quest offre une autre page de contact bien exécutée, avec un design accrocheur , des graphismes amusants et une dose de personnalité. Code Quest fournit également une carte indiquant leurs emplacements, ce qui est une excellente idée si votre entreprise est orientée localement.

Note: 8. Convivial, pratique et concis, Code Quest fait les choses correctement.

Cette page Contactez-nous de QuickSprout est particulièrement unique, avec une infographie défilante expliquant combien de courrier Neil Patel reçoit chaque jour et combien peu de temps il a pour tous les lire! Vous n’atteindrez le formulaire de contact de Neil qu’après avoir parcouru cette infographie. Comme l’exemple de ViperChill précédemment, Neil doit être capable de filtrer toutes les requêtes non liées pour gagner du temps.

Score: 8. Peut-être que les gens réfléchiront à deux fois avant de spammer des gens comme Neil après avoir vérifié cette infographie! Cette page de contact est pédagogique et fonctionnelle.

Cette page de contact de Harpoon Brewery contient beaucoup d’informations, mais elle fait un bon travail de mise en place d’une hiérarchie d’informations. En haut, vous avez l’adresse et le numéro de téléphone, ainsi que les directions et les instructions de stationnement. Il s’agit probablement des informations que la plupart des gens rechercheront sur la page de contact d’une brasserie.

À côté de ces informations de grande valeur, vous trouverez des alertes sur les événements spéciaux ou les changements d’heure de la brasserie, et ci-dessous plus d’informations sur les heures pour la salle de la brasserie.

Note: 6. Beaucoup d’informations ici dont les visiteurs de la Harpoon Brewery pourraient avoir besoin pour leur visite.

Pour une entreprise qui se concentre sur la conception et le style de produits élégants et de pointe, la page Contactez-nous d’Apple est étonnamment simple. Rien n’indique que nous avons affaire à l’une des entreprises les plus renommées au monde! Allez Apple, nous savons que vous pouvez faire mieux. Qu’est-ce que ça donne?

Note: 3. Pas le type de design que nous attendons des créateurs de l’iPhone.

Cela ne devrait vraiment pas être une énorme surprise que Ticketmaster ait une page de contact horrible, mais vous pensez toujours qu’un site Web qui traite presque exclusivement des commandes en ligne et fait autant d’argent pourrait épargner un peu plus d’attention sur leur page de contact.

L’image de bannière géante, peu attrayante et ridiculement déplacée n’est qu’une autre façon dont Ticketmaster ne vous rend pas service.

Score: 2. Curieusement peu attrayant, celui-ci a besoin de quelques travaux.

Dropbox fournit un autre exemple d’une page de contact vraiment de qualité. Les mini-icônes correspondent parfaitement au grand design de Dropbox, créant une expérience utilisateur cohérente. J’apprécie également la façon dont Dropbox met votre nom dans la copie (en supposant que vous êtes connecté) pour ajouter une personnalisation. Cela vous donne plus l’impression d’avoir une conversation avec Dropbox plutôt qu’une diatribe de colère ou une recherche de réponses stressante.

Note: 8. Rassurant et sympathique, cette page contactez-nous vaut la peine d’être stockée loin.

Cette page de contact de Grover Web Design est conviviale, accueillante et offre un diverses façons de contacter l’entreprise que ce soit par e-mail, téléphone, formulaire de contact, médias sociaux ou même en personne.

Note: 7. Mignonne et rapide, cette page vous offre ce dont vous avez besoin avec un peu sourire.

Coca-Cola fait quelque chose d’assez ingénieux avec sa page de contact – ils mettent un fenêtre de l’agent de chat virtuel devant et au centre.

À notre époque en ligne, de nombreux utilisateurs préfèrent discuter en ligne avec un agent d’aide plutôt que d’appeler en personne. Coca-Cola connaît leur démographie et fournit un moyen rapide et facile d’obtenir de l’aide.

Juste en dessous de la fenêtre de discussion se trouve une FAQ et d’autres moyens de contact, donnant aux utilisateurs la méthode de contact de leur choix.

Je ne sais pas ce que je pense du diaporama de photos qui l’accompagne à côté de la fenêtre de discussion. Cela semble assez inutile et déplacé, mais il pourrait y avoir une méthode à la folie, car voir une adorable photo d’un Golden Retriever réduirait certainement la fureur immédiate des consommateurs que je chercherais peut-être à déchaîner. Regardez-le… tellement mignon!

Note: 8. Avec cette approche créative, Coca-Cola montre qu’ils connaissent leur public.

Princess Cruises nous fournit un autre exemple d’une page de contact pas si excellente. Semblable à l’exemple Apple précédent, il ne se passe rien de très intéressant ici. Cependant, ce n’est pas la seule raison pour laquelle cette page est mauvaise: elle présente également une hiérarchie d’informations bancale.

La section la plus importante des coordonnées concerne la réservation d’une croisière. Certes, je ne connais pas l’audience de Princess Cruises, mais je doute vraiment que beaucoup de gens appellent des croisières pour réserver des voyages, plutôt que de réserver en ligne.

Les sections suivantes offrent des informations pour vous aider à commander une brochure (les gens faire ça?), renseignez-vous sur les pourboires et les politiques d’alcool à bord (cette vidéo YouTube sur le refermeture des bouteilles d’eau devrait vous aider), et regardez les emplois disponibles. La toute (toute) dernière section fournit enfin une adresse e-mail aux personnes qui souhaitent laisser des commentaires ou poser une question concernant leur expérience de croisière passée. Je trouve assez bizarre que des informations aussi vitales soient enfouies sous le pli, tout en bas de la page. Dans mon esprit, je m’attendrais à ce que l’adresse e-mail d’assistance client soit ce qu’une grande partie des visiteurs recherchent sur la page de contact.

Note: 2. Cette hiérarchie d’informations sur celle-ci est complète de whack.

De nombreuses pages de contact sont ennuyeuses et ennuyeuses, mais The Band Agency montre cela ne doit pas être le cas. Cette page de contact est ma préférée de toutes celles présentées ici. Les informations vitales sont facilement disponibles, placées intelligemment sur une carte de leur emplacement physique. Le défilé d’animaux silhouettés ajoute une qualité belle et attachante qui distingue ce site des autres!

Note: 10. Adorable, charmante et fonctionnelle, cette page nous contacter a tout pour plaire!