21 tips, trucs en voorbeelden voor een rockende contactpagina

Wist u dat voor veel sites de contactpagina meer paginaweergaven krijgt dan welke andere sectie dan ook? Het is waar, vooral voor bureaus en aannemers.

Hoewel veel sites een contactpagina als een snelle gedachte achterlaten, zou u veel meer tijd en zorg aan uw contactpagina moeten besteden, omdat voor velen merken, is dit het begin van uw relatie met potentiële klanten.

Vandaag geven we enkele praktische tips voor contactpagina’s en kijken we naar voorbeelden van ongelooflijke contactpagina’s met verschillende stijlen op basis van verschillende zakelijke doelgroepen en bedoelingen .

Laten we om te beginnen eens kijken naar …

Enkele voor de hand liggende Best Practices op de contactpagina:

  • Let op uw Ps en Vs: zelfs kleine grammaticale fouten kunnen bezoekers uitschreeuwen. U wilt uw contactpagina doornemen met een fijne kam.
  • Houd het simpel: u wilt niet te veel barrières opwerpen tussen de bezoekers van de site en de contactgegevens waarnaar ze op zoek zijn. Houd uw contactpagina kort, krachtig en to the point.
  • Geef de mensen wat ze willen: ik haat contactformulieren – op de een of andere manier krijg ik het gevoel dat wanneer ik het invul één uit, ik zal nooit meer iets van ze horen. Het voelt ook alsof ik op de een of andere manier onbetrouwbaar ben en geen echt e-mailadres verdien. Als je een echt e-mailadres opgeeft, ben je natuurlijk open voor potentiële spammers, dus het is echt een gooi. Hoe u uw contactpagina ook instelt, zorg ervoor dat het voor mensen uiterst gemakkelijk is om met u in contact te komen. Als u een contactformulier gebruikt, vraag dan alleen naar de belangrijkste zaken (naam, e-mailadres en hun bericht). Ik heb contactformulieren gezien met verplichte postadressen en telefoonnummers. Formuliervelden zoals deze zijn een grote afknapper.
  • Ziet er prachtig uit: wanneer gebruikers uw contactpagina bezoeken, beginnen ze een relatie met u. Ze willen meer over u weten en het ontwerp en de stijl van uw contactpagina maken deel uit van hun eerste indruk. Onthoud dat! Zie er sexy uit, zorg ervoor dat die lezers ZO opgewonden zijn om contact met je op te nemen!
  • Pronk met je persoonlijkheid: zoals ik hierboven al zei, zijn gebruikers die je contactpagina bezoeken op zoek naar meer informatie over u. Bedenk hoe u wilt dat uw tekst uw merkpersoonlijkheid weerspiegelt. Als uw publiek een informele, vrolijke menigte is, overweeg dan een luchtige, zelfs komische toon voor uw contactpagina.

MEER: probeer de GRATIS WordStream-bestemmingspagina-sorteerder

Voorbeelden van contactpagina’s: The Great and Not-So-Great

Laten we eens kijken naar enkele praktijkvoorbeelden. We scoren deze voorbeelden van contactpagina’s op een schaal van 1- 10. 10 is een contactpagina stuk van perfectie, 5 is in orde, en 1 is “verbrand het tot op de grond”. Laat me weten of je het eens bent met mijn score!

Ons eerste voorbeeld komt van CoolApps. Hun contactpagina biedt een snel en eenvoudig contactformulier, een e-mailadres dat u desgewenst kunt gebruiken en verschillende socialemediaknoppen voor het geval u liever contact met hen opneemt via uw sociale netwerk naar keuze.

Wat deze echt onderscheidt, is natuurlijk de stijl en schattige charme. Het is erg leuk!

Score: 8. Ziet er fantastisch uit, heeft veel contactmogelijkheden en toont persoonlijkheid.

Ons volgende voorbeeld van Black Sheep toont een contactpagina die geweldig werk levert door een stijl en ontwerp te gebruiken die passen bij de rest van de site. Het is strak, to-the-point en ziet er goed uit!

Score: 6. Eenvoudig, stijlvol en past bij het thema.

Vervolgens hebben we een contactpagina van ViperChill, een site die wordt beheerd door de populaire marketing-buitenbeentje Glen. Voordat hij zijn e-mailadres deelt, geeft Glen een FAQ met veelgestelde vragen van bezoekers. Dit helpt hem tijd te besparen en voorkomt dat hij overweldigd raakt door onnodige e-mails.

Hoewel bureaus en servicebedrijven misschien honger hebben naar e-mails, werken mensen die zichzelf promoten als een persoonlijk merk vaak samen met een team van een. Ze kunnen geen e-mailcontacten verzamelen en oppotten en moeten in plaats daarvan veel bewuster omgaan met hun tijd.

Score: 6. Slim gebruik van informatiehiërarchie om vragen van gebruikers te beantwoorden voordat ze een e-mail sturen.

JetBlue biedt nog een voorbeeld van een goed gemaakte contactpagina. Net als het bovenstaande voorbeeld biedt JetBlue een directe link naar populaire helponderwerpen en antwoorden. Voor degenen die geen antwoord krijgen op hun vragen in de onderwerpensectie, worden hieronder de contactopties voor e-mail en telefoonnummer gegeven. Deze pagina past ook goed bij het grotere JetBlue-ontwerp en kleurenschema van het merk.

Score: 7.JetBlue maakt het heel gemakkelijk om informatie te verzamelen, of het nu uit veelgestelde vragen is of met een e-mail of telefonische vraag, terwijl het een stijl behoudt die bezoekers geruststelt.

Dus qua functionaliteit is de contactpagina van Mashable niet de ergste. Het biedt alle informatie die je nodig hebt om in contact te komen met Mashable-mensen, met een contactformulier en meer specifieke e-mailadressen hieronder.

Wat schokkend is, is hoe afschuwelijk deze pagina eruitziet. Geen stijl, geen karakter, helemaal geen persoonlijkheid. Als je deze contactpagina net hebt gezien, zou je nooit raden dat je naar een van de meest populaire sites op internet keek! Waarom zo monsterlijk? Wie weet? Misschien onderhoudt Mashable opzettelijk een lelijke contactpagina, zodat hun e-mailinboxen niet zo overstroomd raken.

Score: 2. Lelijk, saai en niet passend voor Mashable.

Deze minimalistische contactpagina van Mostly Serious is een geweldig voorbeeld van een schoon, scherp ontwerp. Zelfs met zo een paar stukjes tekst slaagt Mostly Serious er toch in om een vleugje humor en persoonlijkheid toe te voegen.

Score: 7. Mostly Serious slaagt erin om dit ultra-minimalistische ontwerp neer te zetten zonder het element van plezier uit het oog te verliezen.

Code Quest biedt nog een goed uitgevoerde contactpagina met een opvallend ontwerp , leuke graphics en een dosis persoonlijkheid. Code Quest biedt ook een kaart met hun locaties, wat een goed idee is als uw bedrijf lokaal georiënteerd is.

Score: 8. Vriendelijk, handig en beknopt, Code Quest doet het goed.

Deze contactpagina van QuickSprout is bijzonder uniek, met een scrollende infographic waarin wordt uitgelegd hoeveel e-mail Neil Patel krijgt elke dag en hoe weinig tijd heeft hij om ze allemaal te lezen! Je bereikt het contactformulier van Neil pas nadat je door deze infographic hebt gescrolld. Net als het ViperChill-voorbeeld van eerder, moet Neil alle niet-gerelateerde zoekopdrachten kunnen filteren om tijd te besparen.

Score: 8. Misschien zullen mensen twee keer nadenken voordat ze mensen zoals Neil spammen nadat ze deze infographic hebben bekeken! Deze contactpagina is leerzaam en functioneel.

Deze contactpagina van Harpoon Brewery bevat veel informatie, maar het is een goede manier om een informatiehiërarchie op te zetten. Bovenaan heb je het adres en telefoonnummer, samen met een routebeschrijving en parkeerinstructies. Dit is waarschijnlijk de informatie die de meeste mensen zullen zoeken op de contactpagina van een brouwerij.

Naast deze waardevolle informatie zijn waarschuwingen over speciale evenementen of uurwijzigingen van de brouwerij, en hieronder is meer informatie over openingstijden voor de brouwerijzaal.

Score: 6. Veel informatie hier die bezoekers van Harpoon Brewery nodig kunnen hebben voor hun bezoek.

Voor een bedrijf dat draait om een strak, hypermodern productontwerp en stijl, is de contactpagina van Apple onverwacht duidelijk. Niets wijst erop dat we te maken hebben met een van de meest gerenommeerde bedrijven ter wereld! Kom op Apple, we weten dat je het beter kunt doen. Wat levert het op?

Score: 3. Niet het soort ontwerp dat we zouden verwachten van de makers van de iPhone.

Het zou eigenlijk geen grote verrassing moeten zijn dat Ticketmaster een vreselijke contactpagina zou hebben, maar je zou nog steeds denken dat een website die zich bijna uitsluitend bezighoudt met online bestellingen en zoveel geld verdient, zou wat meer aandacht kunnen sparen op hun contactpagina.

De gigantische, onaantrekkelijke, belachelijk misplaatst uitziende bannerafbeelding is nog een manier waarop Ticketmaster je geen dienst bewijst.

Score: 2. Vreemd genoeg heeft deze wat werk nodig.

Dropbox biedt nog een voorbeeld van een echt hoogwaardige contactpagina. De minipictogrammen passen perfect bij het grote ontwerp van Dropbox en creëren een samenhangende gebruikerservaring. Ik waardeer ook hoe Dropbox je naam in de kopie plaatst (ervan uitgaande dat je bent aangemeld) om personalisatie toe te voegen. Het geeft je meer het gevoel dat je een gesprek voert met Dropbox in plaats van een boze tirade of een stressvolle zoektocht naar antwoorden.

Score: 8. Geruststellend en vriendelijk, deze contactpagina is er eentje waard om op te slaan weg.

Deze contactpagina van Grover Web Design is vriendelijk, uitnodigend en biedt een verschillende manieren om contact op te nemen met het bedrijf, via e-mail, telefoon, een contactformulier, sociale media of zelfs persoonlijk.

Score: 7. Leuk en snel, deze pagina biedt wat je nodig hebt met een beetje smile.

Coca-Cola doet iets heel ingenieus met hun contactpagina – ze plaatsen een virtueel chat-agentvenster rechts vooraan en in het midden.

In ons online tijdperk geven veel gebruikers de voorkeur aan online chatten met een hulpagent in plaats van persoonlijk te bellen. Coca-Cola kent hun demografie en biedt een snelle en gemakkelijke manier om hulp te krijgen.

Direct onder het chatvenster vindt u een FAQ en andere manieren om contact op te nemen, zodat gebruikers hun contactmethode naar keuze hebben.

Ik weet niet zeker hoe ik me voel over de bijbehorende fotodiavoorstelling naast het chatvenster. Het lijkt nogal zinloos en misplaatst, maar er kan een methode zijn voor de waanzin, want het zien van een schattige foto van een Golden Retriever zou zeker de onmiddellijke woede van de consument verminderen die ik misschien zou willen uitdelen. Kijk naar hem … zo schattig!

Score: 8. Met deze creatieve aanpak laat Coca-Cola zien dat ze hun publiek kennen.

Princess Cruises geeft ons nog een voorbeeld van een niet zo uitstekende contactpagina. Net als bij het Apple-voorbeeld van eerder, gebeurt hier gewoon niets interessants. Dat is echter niet de enige reden waarom deze pagina slecht is – er is ook een wankele informatiehiërarchie.

Het bovenste gedeelte van de contactgegevens heeft te maken met het boeken van een cruise. Toegegeven, ik ken het publiek van Princess Cruises niet, maar ik betwijfel echt of veel mensen cruises meer bellen om reizen te boeken in plaats van online te boeken.

De volgende secties bieden informatie om u te helpen bij het bestellen van een brochure (mensen nog steeds Doe dit?), lees meer over fooien en alcoholbeleid aan boord (deze YouTube-video over het opnieuw sluiten van waterflessen zou je moeten helpen), en kijk naar beschikbare banen. De allerlaatste sectie bevat eindelijk een e-mailadres voor mensen die feedback willen geven of een vraag willen stellen over hun eerdere cruise-ervaring. Ik vind het behoorlijk bizar dat zulke vitale informatie onder de vouw, helemaal onderaan de pagina, wordt begraven. In mijn gedachten zou ik verwachten dat het e-mailadres voor klantenondersteuning is wat een groot deel van de bezoekers zoekt op de contactpagina.

Score: 2. Deze informatiehiërarchie op deze is helemaal niet van de klap.

Veel contactpagina’s zijn saai en saai, maar The Band Agency laat zien dat hoeft niet het geval te zijn. Deze contactpagina is mijn favoriet van alle hier getoonde. De vitale informatie is direct beschikbaar, slim gelaagd over een kaart van hun fysieke locatie. De parade van afgetekende dieren voegt een mooie en vertederende kwaliteit toe die deze site onderscheidt van de rest!

Score: 10. Schattig, charmant en functioneel, deze contactpagina heeft het allemaal!

Write a Comment

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *