Wat moet de "boven de vouw" van de B2B -website? (Met 5 monsters die de deal daadwerkelijk kunnen sluiten)

Het echte probleem in het leven: waarom is de B2B -website mooi? Niemand heeft contact opgenomen?

Heb je je ooit zo gevoeld? Uw B2B -bedrijfswebsite is goed ontworpen, mooie, moderne, productinformatie of service is volledig geplaatst. Terwijl ze ook een budget voor mensen uitbrengen om elke dag internet te betreden, maar ... waarom is het zo eenzaam? "Verzoek een offerte" of "demo" is bijna nul. De bezoekers stopten als het treinstation. Nou, ga dan niet eens door met geen zakelijk gesprek

Als u de situatie tegenkomt, "heeft het verkeer alleen maar leiden." Dit is niet alleen om dit probleem onder ogen te zien. Dit zijn de klassieke symptomen van de website die helaas de "Golden Opportunity in de eerste 5 seconden" hebben gemist. Het gebied genaamd "boven de vouw" of het eerste deel van het scherm dat de gebruiker zag zonder naar beneden te hoeven scrollen. Is het slagveld om het belangrijkste lot te beoordelen en uw website kan worden verslagen in dit slagveld.

Prompt om illustraties: Split-scherm vergeleken met de linkerkant als een foto van een persoon die met verwarring naar het computerscherm kijkt, hoofdpijn met de rechterkant als een persoon met een bevredigende glimlach terwijl hij dezelfde website gebruikt, maar het nieuwe ontwerp. Er is een onderscheidende boodschap die "5 seconden om uw zakelijke toekomst te beoordelen"

Waarom is dat probleem opgetreden: blinde vlekken die niet worden gezien in "The First Checkpoint"

De reden dat het bovenstaande de vouw van veel B2B -websites werkt, is niet volledig effectief. Niet omdat het ontwerp niet mooi is, maar omdat het "communicatie" is, is niet goed genoeg. De meeste problemen worden veroorzaakt door deze misverstanden:

• Gefascineerd door het ontwerp tot het vergeten van de belangrijkste taken: we hechten vaak belang aan de prachtige animatie of de exotische lay -out die u vergeet dat de belangrijkste functie van dit gebied "waardevolle communicatie" is om zo duidelijk mogelijk te zijn
• Gebruik de technische woordenschat die zichzelf begrijpt: woorden als "innovatieve oplossingen" of "synergetische partnerschappen" klinken misschien cool. Maar voor klanten die voor het eerst binnenkomen, zegt het niet dat u "iets doet" en "helpt om problemen voor hem op te lossen".
• Er is geen "duidelijk" teken: bezoekers komen binnen en raken geïnteresseerd. Maar weet niet wat je moet doen met de call -to -ction -knop (CTA) kan te klein zijn, de kleur heeft de achtergrond of helemaal niet ingeslikt, waardoor ze verloren gaan en uiteindelijk ingedrukt.
• Begrijp de reis van klanten niet. B2B: De beslissing van de klanten van de organisatie is ingewikkeld en besteed aan het zoeken naar "experts" om te helpen oplossen. Zijn "zakelijke probleem" is niet alleen een algemene online winkel. De waarde van waarde moet daarom echt nauwkeurig en op hun pijn zijn.

Onderzoek van UX -experts zoals de Nielsen Norman Group heeft vele jaren bevestigd dat hoewel scrolgedrag normaal is, maar de informatie die de gebruiker geïnteresseerd is, zal zachtjes afnemen bij het naar beneden scrollen. Dit betekent dat boven het vouwgebied nog steeds het "duurste onroerend goed" op uw webpagina is.

Prompt voor illustraties: eenvoudige infographic afbeeldingen tonen de hersenen van de klant met een vraagteken (?) Terwijl u naar de bovenstaande vouw kijkt, zit de website vol met technische termen en heeft geen duidelijke CTA -knop.

Als het links is, hoe zal het dan beïnvloeden: de prijs die moet worden betaald, is duurder dan verwacht.

Het hebben van een zwakke boven de vouw gaat niet alleen over het verliezen van kansen, maar het is een "kosten" die uw bedrijf elke dag betaalt zonder het te weten. De gevolgen zijn intenser dan verwacht:

• Verspilde advertentie -uitgaven: u betaalt voor mensen om in te klikken. En druk vervolgens meteen af, het is alsof u water op het zand giet. Er is helemaal niets meer om te oogsten.
• Een hoogwaardige zakelijke kans verloor: stel je voor dat je een potentiële lead hebt die klaar is om de 6-7 cijfers naar je website te sluiten. Maar kon in plaats daarvan de informatie- of contactknop niet vinden ... dat was het inkomen dat voor de ogen verdween
• Breek het merkimago: website die verward communiceert. Laat uw merk er onprofessioneel uitzien. Onbetrouwbaar en let niet op de details die extreem gevaarlijk zijn in de B2B -markt. Vertrouwen is alles
• Erger SEO -ranglijst: wanneer de gebruiker binnenkomt en snel "onverwacht" (Ullplontent) uitdringt en uw rang op de lange termijn geleidelijk zal verminderen. UX/UI -ontwerpen voor hoge waarde B2B -bedrijven zijn niet alleen mooi. Maar is een belangrijke factor van SEO

Prompt voor illustraties: de zilveren afbeelding zweeft van het computerscherm dat de B2B -website opent die er verward uitziet, met een bouncepercentage grafiek.

Is er een oplossing? En waar moet het beginnen: open 5 teksten die moeten hebben!

Het goede nieuws is dat dit probleem kan worden opgelost. En hoeven zelfs niet alle nieuwe websites te hoeven ontmantelen. U kunt de bezoeker onmiddellijk in de klant wijzigen.

Het belangrijkste principe is om 3 vragen van de bezoekers binnen 5 seconden te beantwoorden: "Waar is dit?", "Wat is er voor mij?" En "Wat moet ik daarna doen?"

1. Headline die communiceert (headline voor waardepropositie): dit is het belangrijkste onderdeel. Moet antwoorden: "Wat doe je en helpt het probleem voor iemand op te lossen?" De meest duidelijk in één zin. Vergeet eerst de elegante woorden en concentreer je op de "resultaten" die klanten zullen ontvangen.
2. Verklarende sub-headline: 1-2 korte zinnen die de kop uitbreiden, kunnen zeggen dat u "hoe" of doet "voor wie doet"
3. De afbeelding of video die de resultaten weerspiegelt (visuals compileren): gebruik een held (hero -afbeelding) of video's van hoge kwaliteit die "de resultaten van de service" of "producten laten werken", niet alleen prachtige stockfoto's. Niet gerelateerd
4. De primaire call-to-action-CTA: moet de hoofdknop hebben. "Slechts één knop" die het meest prominent is. Laat de gebruiker weten wat u zo veel mogelijk wilt doen, zoals "een demo aanvragen" of "een offerte krijgen.
5. Trustsignalen / sociaal bewijs: vooral in de B2B -markt. Zet het logo van de grote klanten die u gebruikte, prijzen of interessante statistieken, zoals "meer dan 500 toonaangevende bedrijven"

De perfecte combinatie van deze elementen is het hart van conversie -optimalisatie die de game voor je B2B -website echt zal veranderen.

Prompt voor illustraties: prachtige infographic toont de lay-out van het bovenstaande de vouw, met 1-5 punten voor elk onderdeel (kop, sub-headline, visuele, CTA, vertrouwenssignalen) met een korte uitleg.

Voorbeelden van het echte ding dat vroeger werd bereikt: 5 B2B -websites die boven de vouw gebruiken om de deal te sluiten!

Hoe goede theorie niet zoveel als je ziet, laten we eens kijken hoe de wereld van de wereld -klasse B2B -bedrijf 5 elementen hierboven gebruikt om krachtige boven de vouw te creëren.

1. Asana:
- Headline: "Werk aan grote ideeën, zonder het drukke werk." (Groot werk zonder bezig te zijn met het werk) - Duidelijk communiceren dat de resultaten is om onnodig werk te verminderen.
- Sub -headline: " Van de kleine dingen tot het grote geheel, Asana
organiseert werk zodat teams weten wat ze moeten doen, waarom het ertoe doet en hoe het
voor elkaar . " "Aan de slag", Clear Black Button
- Sociaal bewijs: World -Class klanten zoals Amazon, Google, Deloitte Under

2. Shopify:
- Headline: "The Global Commerce Platform" (handelsplatform voor wereldwijd) - hoe duidelijk is het?
- Sub -headline: "Bouw uw bedrijf met een platform dat helpt, online, online en oog daartussenin." - Uitbreiding van de vaardigheid
- Visual: het beeld van de winkel die er goed en succesvol uitziet
- CTA: "Begin met een gratis proefknop", Big Green Button, gezien vanuit KLA
- Sociaal bewijs: vermeld dat "vertrouwt door miljoenen bedrijven wereldwijd."

3. Slack:
- Headline: "Beweeg sneller met uw tools op één plek" (werk sneller met alle tools op één plek) - Focus op "Speed", wat elk bedrijf nodig heeft
- Sub -Headline: "Automate routinetaken en focus op wat het belangrijkst is." - Vergrendeling van de voordelen
- Visual: het programma dat de app toont die werkt met andere apps
- CTA: er zijn 2 duidelijke knoppen. Kies volgens de behoeften
- Sociaal bewijs: logo, veel toonaangevende klanten

4. HubSpot:
- Headline : "
Een krachtig CRM -platform dat gemakkelijk te gebruiken is" (Gemakkelijk CRM CRM) - slaan de concurrenten die vaak moeilijk te gebruiken zijn
. Marketing, verkoop, contentbeheer en klantenservice. " - Vertel de volledigheid - Visual: het algemene dashboard dat er schoon en gemakkelijk te begrijpen uitziet
- CTA: " Get a Demo "en" Begin gratis "
- Sociaal bewijs: beschikbare nummers, gebruikers en coco's

5. Caterpillar (CAT):
- Headline: )
- communiceer de kracht en noodzakelijk in de zware industrie.
- Sub -headline: nee, maar gebruik de foto om het verhaal te vertellen . Reflecterend vermogen en betrouwbaar Dit is een voorbeeld van het ontwerp van de bestemmingspagina's voor uitstekende
- CTA: "Producten en diensten verkennen" en "Find a Dealer" duidelijk
- Sociaal bewijs: het merk Caterpillar is het sterkste sociale bewijs.

Prompt voor illustraties: Collage -afbeeldingen met de screenshot. Bovenstaande de vouw van alle 5 websites zijn prachtig gerangschikt.

Als je wilt volgen, wat te doen? (Kan onmiddellijk worden gebruikt): checklist 6 stappen om de vouw te maken

Klaar om uw website te verbeteren, toch? Probeer de checklist van 6 stappen te volgen.

1. Stel uw nummer 1 doel in: Vraag uzelf af: "Wat is de enige belangrijkste actie die u wilt dat bezoekers op deze pagina doen?"
2. Mobiliseer de hersenen. Schrijf waardepropositie: probeer veel soorten kop te schrijven met behulp van eenvoudige formules: [het eindresultaat dat klanten nodig hebben] + [voor iedereen] + [dat helpt problemen op te lossen] zoals "boekhoudplatforms voor freelance. Dat helpt om de documenttijd 10 uur per maand te besparen."
3. Kies de krachtigste CTA: tekst op de knop moet worden gestimuleerd en de resultaten vertellen. Geen breed woord zoals "informatie verzenden". Bekijk de CTA -monsters voor de B2B -website om meer inspiratie te vinden.
4. Kies de juiste afbeelding: de afbeelding wordt gebruikt om te communiceren en uw kop te verbeteren. Het productafbeelding werkt? Serveert uw teamfoto klanten? Of de grafiek die groei vertoont? Kies de meest krachtige
5. Verzamel het beste sociale bewijs: kies de 3-5 beroemdste klanten die u mag gebruiken of selecteer 1 meest krachtige getuigenis om te tonen.
6. Structuur (draadframe) vóór de daadwerkelijke actie: niet te mooi zijn. Gebruik gewoon het papier en de pen om te zien waar alle 5 elementen worden geplaatst. Om het algemene beeld en de prioriteit te zien voordat het ontwikkelingsteam daadwerkelijk doet

Begrijpend dat "wat te zeggen" om te geloven dat klanten van organisatie kunnen geloven, is de belangrijkste om meer te lezen. Hoe pagina's te schrijven 'Waarom moet u ons kiezen' om uw waarden te polijsten om het scherp te maken?

Prompt voor illustraties: mooie checklistafbeeldingen met elk pictogram (doel, hersenen, muisknop, afbeelding, logo, conceptpapier)

Vragen die mensen de neiging hebben zich af te vragen en de antwoorden die zijn gewist

Vraag: "Boven de vouw" is nog steeds belangrijk? In deze dag en iedereen scrollen dan alle schermen om op internet te kijken?
Antwoord: Belangrijker! Zoals hierboven vermeld, is het de beslissing dat de bezoeker "Wilt u uw tijd verspillen om naar beneden te scrollen om naar te kijken?" Als de eerste 5 seconden hem niet geïnteresseerd kan maken. Hij zal onmiddellijk afdrukken zonder overal uit te stellen. Probeer hier in -diepte -analyse te lezen: hierboven is de vouw nog steeds belangrijk?

VRAAG: Hoeveel CTA -knoppen moeten er in het bovenstaande sectie worden gehad?
Antwoord: De beste regel is "met de meest prominente primaire CTA -knop" en kan "secundaire CTA" hebben die minder prominent is (zoals het gebruik van een link. Of doorschijnende knoppen). Kan bij elkaar worden geplaatst, zoals de hoofdknop is "Democraten" (solide kleur) en de secundaire knop is "Video" (luchtig) voor opties. Maar niet verwarrend

Vraag: Moet het voor de B2B -website beter zijn om foto's of foto's van stockfoto te gebruiken?
Antwoord: Echte foto's van het team, kantoor of uw producten die professioneel worden genomen. Zal altijd geloofwaardigheid en obligatie opbouwen dan aandelenbeelden omdat het een echte identiteit toont, maar als het nodig is om stockafbeeldingen te gebruiken, kies dan om te investeren met afbeeldingen van hoge kwaliteit die er natuurlijk uitzien en de "resultaten" overbrengen die klanten zullen ontvangen. Geen foto van een buitenlander glimlachen in een nep -vergaderruimte

Vraag: Wij zijn een klein bedrijf. Er is geen beroemd klantlogo te tonen. Wat moet ik doen?
Antwoord: Het is oké! U kunt op andere manieren sociaal bewijs gebruiken, zoals getuigenis of complimenten van klanten. (Vraag eerst toestemming) om met zijn naam en bedrijf aan te tonen, toon de case study, die zegt dat u de klant helpt om problemen op te lossen en betere resultaten te krijgen, of het aantal succesvolle projecten te tonen. Deze dingen creëren goede geloofwaardigheid, niet inferieur aan het logo.

Prompt voor illustraties: Groot vraagtekenpictogram (?) Met bóng đèn (gloeilamp) die er naast een duidelijk antwoord is

Samenvatting om gemakkelijk te begrijpen te zijn + willen proberen te doen

Samenvattend zal "The First Checkpoint" of het bovenstaande de vouw van uw B2B -website moeten gedragen als de beste receptioniste. Kan het hele verhaal van uw bedrijf binnen 5 seconden vertellen met 5 belangrijke componenten: scherpe kop, duidelijke sub-headline, krachtige visuele, navigatie CTA en sociaal bewijs dat ervoor zorgen

De investering is om de kleine ruimte te verbeteren. Dit is een van de meest waardevolle investeringen die u voor uw bedrijf kunt doen. Het kan het lot van de website veranderen van alleen "prachtige online brochure" om een "leadcreatie -tool te worden en de verkoop op het werk voor u 24 uur te sluiten".

Nu ... probeer uw website te openen. En kijk alleen naar het deel dat niet op het scherm hoeft te scrollen, vraag jezelf eerlijk af: "Als ik de klant ben die voor het eerst binnenkwam, zal ik het over 5 seconden begrijpen? En wat moet ik daarna doen?"

Als het antwoord "nee" of "niet zeker" is ... het is tijd om te veranderen!

Als u een professioneel team wilt dat ervaring heeft met het maken van een webpagina die daadwerkelijk kan veranderen in klanten, overweeg dan de UX/UI -ontwerp- en bestemmingspagina -ontwerpservice die zich richt op onze hoogste conversie. We zijn klaar om advies te geven om de beste oplossing voor uw bedrijf te vinden.

Prompt voor illustraties: mensen wijzen naar de knop "Een demo aanvragen" op het computerscherm met vertrouwen glimlachen. De achterkant is een conversie grafiek die stijgt.

‍