🔥 Bare 5 minutter for at ændre visningen.

Hvad skal "over folden" på B2B -webstedet? (Med 5 prøver, der faktisk kan lukke aftalen)

Så længe, ​​vil du læse?

Det virkelige problem i livet: Hvorfor er B2B -webstedet smukt? Ingen kontaktede?

Har du nogensinde følt dig sådan? Dit B2B -forretningswebsted er godt designet, smukt, moderne produktinformation eller service er fuldt ud sat. Mens jeg også bruger et budget til folk til at komme ind på nettet hver dag, men ... hvorfor er det så ensomt? "Anmod om et citat" eller "demo" er næsten nul. Besøgende stoppede som togstationen. Nå, fortsæt derefter ikke en forretningssamtale en gang

Hvis du støder på situationen, "har trafikken kun ført." Dette er ikke til at møde dette problem alene. Dette er de klassiske symptomer på webstedet, der gik glip af den "gyldne mulighed i de første 5 sekunder" desværre. Området kaldte "over folden" eller den første del af skærmen, som brugeren så uden at skulle rulle ned. Er slagmarken til at bedømme den vigtigste skæbne, og dit websted kan blive besejret på denne slagmark.

Spørg efter illustrationer: split-skærm sammenlignet med venstre side som et billede af en person, der ser på computerskærmen med forvirring, hovedpine med højre side som en person med et tilfredsstillende smil, mens du bruger det samme websted, men det nye design. Der er en karakteristisk besked om, at "5 sekunder til at bedømme din forretnings fremtid"

Hvorfor skete dette problem: blinde pletter, der ikke ses i "det første kontrolpunkt"

Årsagen til, at ovenstående folden af mange B2B -websteder fungerer, er ikke fuldt effektiv. Ikke fordi designet ikke er smukt, men fordi det er "kommunikation" ikke er godt nok. De fleste problemer er forårsaget af disse misforståelser:

  • Fascineret af designet, indtil vi glemmer de vigtigste opgaver: Vi lægger ofte vægt på den smukke animation eller det eksotiske layout, som du glemmer, at den vigtigste funktion i dette område er "værdifuld kommunikation"
  • Brug det tekniske ordforråd, der forstår sig selv: ord som "innovative løsninger" eller "synergistiske partnerskaber" lyder måske cool. Men for kunder, der kommer ind for første gang, siger det ikke, at du "gør noget" og "hjælper med at løse eventuelle problemer for ham."
  • Der er ikke noget "klart" tegn: besøgende kommer ind og bliver interesseret. Men ved ikke, hvad de skal gøre med opkaldet til funktionsknap (CTA), kan være for lille, farven slukede baggrunden eller slet ikke, hvilket fik dem til at gå tabt og til sidst presses.
  • Forstå ikke kundernes rejse. B2B: Beslutningen fra organisationens kunder er kompliceret og bruger tid på at lede efter "eksperter" til at hjælpe med at løse. Hans "forretningsproblem" er ikke kun en generel online butik. Værdien af værdi skal derfor være virkelig nøjagtig og ved deres smerte.

Forskning fra UX -eksperter som Nielsen Norman -gruppen bekræftede i mange år, at selv om rulleadfærd er normal, men de oplysninger, som brugeren er interesseret i, vil falde forsigtigt, når man ruller ned. Dette betyder, at ovenstående foldområdet stadig er den "dyreste ejendom" på din webside.

Spørgsmål om illustrationer: Enkle infografiske billeder viser kundens hjerne med et spørgsmålstegn (?) Mens man ser på ovenstående folden, er webstedet fuld af tekniske udtryk og har ikke en klar CTA -knap.

Hvis det er tilbage, hvordan vil det påvirke: den pris, der skal betales, er dyrere end forventet.

At have en svag over folden handler ikke kun om at miste muligheder, men det er en "omkostning", som din virksomhed betaler hver dag uden at vide det. Konsekvenserne er mere intense end forventet:

  • Spildt annonceforbrug: Du betaler for folk at klikke ind. Og tryk derefter straks af, det er som at hælde vand på sandet. Intet tilbage til at høste overhovedet.
  • Mistet en forretningsmulighed med stor værdi: Forestil dig at have en potentiel føring, der er klar til at lukke 6-7-cifrene på dit websted. Men kunne i stedet ikke finde information eller kontaktknap ... det var den indkomst, der forsvandt foran øjnene
  • Break The Brand Image: Websted, der kommunikerer forvirret. Få dit brand til at se uprofessionelt ud. Upålidelig og vær ikke opmærksom på de detaljer, der er ekstremt farlige på B2B -markedet. Tillid er alt
  • Værre SEO -rangering: Når brugeren kommer ind og trykker hurtigt ud "uventet" (uhindret) og vil gradvist reducere din rang i det lange løb. UX/UI -design til B2B -virksomheder med høj værdi er ikke kun smukke. Men er en vigtig faktor for SEO

Spørgsmål om illustrationer: Sølvbilledet flyder fra computerskærmen, der åbner B2B -webstedet, der ser forvirret ud med en hoppesatsgraf.

Er der nogen løsning? Og hvor skal det starte: Åbn 5 tekster, der skal have!

Den gode nyhed er, at dette problem kan løses. Og behøver ikke engang at skulle afmontere alle de nye websteder, vi bare justerer de "5 vigtige elementer" i ovenstående foldesektionen for at være klar og arbejde effektivt sammen. Du kan straks ændre besøgende til kunden.

Hovedprincippet er at besvare 3 spørgsmål fra de besøgende inden for 5 sekunder: "Hvor er dette?", "Hvad er der for mig?" Og "Hvad skal jeg gøre næste?"

  1. Overskrift, der kommunikerer (værdiproposition overskrift): Dette er den vigtigste del. Skal svare, "Hvad gør du og hjælper med at løse problemet for nogen?" Den mest tydeligt i en sætning. Glem de elegante ord først og fokuser på de "resultater", som kunderne vil modtage.
  2. Forklarende underhovedlinje: 1-2 korte sætninger, der udvider overskriften kan sige, at du gør "hvordan" eller gør "for hvem"
  3. Billedet eller videoen, der afspejler resultaterne (kompilering af visuals): Brug en helt (heltbillede) eller videoer af høj kvalitet, der viser "resultaterne af tjenesten" eller "produkter fungerer" ikke bare smukke stockfotos. Ikke relateret
  4. Den primære call-to-action-CTA: skal have hovedknappen. "Kun en knap", der er den mest fremtrædende. Lad brugeren vide, hvad du vil gøre så meget som muligt, såsom "Anmod om en demo" eller "Få et tilbud.
  5. Tillidssignaler / socialt bevis: især på B2B -markedet. Sæt logoet til de store kunder, du brugte til at give, priser eller interessante statistikker, såsom "mere end 500 førende virksomheder"

Den perfekte kombination af disse elementer er hjertet i konverteringsoptimering , der virkelig vil ændre spillet til dit B2B -websted.

Spørgsmål om illustrationer: Smuk infographic viser layoutet af ovenstående folden med 1-5 point til hver del (overskrift, underhovedlinje, visuel, CTA, tillidssignaler) med en kort forklaring.

Eksempler fra den rigtige ting, der plejede at opnå: 5 B2B -websteder, der bruger over folden for at lukke aftalen!

Hvor god teori ikke så meget som du ser den rigtige ting, lad os se, hvordan World -Class B2B -selskabet bruger 5 elementer ovenfor til at skabe kraftfuld over folden.

1. Asana:
- Overskrift: "Arbejd med store ideer uden det travle arbejde." (Big arbejde uden at skulle have travlt med arbejdet) - Kommuniker, at resultaterne er at reducere unødvendigt arbejde.
- Sub -Headline: " Fra de små ting til det store billede
organiserer Asana arbejde, så hold ved, hvad de skal gøre, hvorfor det betyder noget, og hvordan man får det
gjort . " "Kom i gang", klar sort knap
- Social bevis: Verden -Klasse -kunder som Amazon, Google, Deloitte under

2. Shopify:
- Overskrift: "Den globale handelsplatform" (handelsplatform for verdensomspændende) - Hvor klar er det?
- SUB -HEADLINE: "Byg din virksomhed med en platform, der hjælper, online, online og øjenlæge imellem." - Udvidelse af evnen
- Visual: Billedet af butikken, der ser godt ud og succesrig
- CTA: "Startfri prøve", Big Green Button, set fra KLA
- Social bevis: sagde, at "betroet af millioner af virksomheder over hele verden."

3. Slack:
- Overskrift: "Flyt hurtigere med dine værktøjer ét sted" (arbejde hurtigere med alle værktøjer ét sted) - Fokuser på "hastighed", hvilket er det, som enhver virksomhed har brug for
- Sub -Headline: "Automatiser væk rutineopgaver og fokuser på det, der betyder mest." - Udvidelse af fordelene
- Visuelt: Programmet, der viser den app, der fungerer med andre apps
- CTA: Der er 2 klare knapper. Vælg i henhold til behovene
- Socialt bevis: Logo, mange førende kunder

4. HubSpot:
- Overskrift : "
En kraftfuld CRM -platform, der er let at bruge" (Easy CRM CRM) - Slap de konkurrenter, der ofte er vanskelige at bruge
. Marketing, salg, indholdsstyring og kundeservice. " - Fortæl fuldstændigheden - Visual: Det samlede instrumentbræt, der ser rent og let at forstå
- CTA: " Få en demo "og" Kom i gang gratis "
- Socialt bevis: Tilgængelige numre, brugere og kokos

5. Caterpillar (CAT):
- Overskrift: )
- Kommuniker styrken og det nødvendigt i den tunge industri.
- Sub -Headline: Nej, men brug billedet til at fortælle historien . Reflekterende magt og pålidelig Dette er et eksempel på design af landingssider til fremragende
- CTA: "Udforsk produkter og tjenester" og "Find en forhandler" klart
- Social Proof: Brand Caterpillar er det stærkeste sociale bevis.

Spørg om illustrationer: Collagebilleder, der inkluderer skærmbillede. Ovenstående folden på alle 5 websteder er smukt arrangeret.

Hvis du vil følge, hvad skal jeg gøre? (Kan bruges med det samme): Tjekliste 6 trin for at se på folden

Klar til at forbedre dit websted, ikke? Prøv at følge 6 -trin -tjeklisten.

  1. Indstil dit nummer 1 -mål: Spørg dig selv, "Hvad er den eneste vigtigste handling, som du vil have besøgende til at gøre på denne side?"
  2. Mobilisere hjernen. Skriv værdiproposition: Prøv at skrive mange typer overskrift ved hjælp af enkle formler: [Det endelige resultat, som kunderne har brug for] + [for alle] + [det hjælper med at løse problemer] såsom "regnskabsplatforme til freelance. Det hjælper med at gemme dokumentetiden 10 timer pr. Måned."
  3. Vælg den mest kraftfulde CTA: tekst på knappen skal stimuleres til at gøre og fortælle resultaterne. Ikke et bredt ord som "Send information". Se på CTA -prøverne til B2B -webstedet for at finde mere inspiration.
  4. Vælg det rigtige billede: Billedet bruges til at kommunikere og forbedre din overskrift. Produktbilledet fungerer? Serverer dit teambillede kunder? Eller grafen, der viser vækst? Vælg den mest kraftfulde
  5. Saml det bedste sociale bevis: Vælg de 3-5 mest berømte kunder, som du har lov til at bruge eller vælge 1 mest kraftfulde vidnesbyrd om at vise.
  6. Struktur (wireframe) før faktisk handling: for ikke at være smuk. Brug bare papiret og pennen for at se, hvor alle 5 elementer vil blive placeret. For at se det overordnede billede og prioritet, inden udviklingsholdet faktisk gør

At forstå, at "hvad man skal sige" for at organisationskunder kan tro er nøglen, prøv at læse mere. Hvordan man skriver sider 'Hvorfor skal du vælge os' for at polere dine værdier for at gøre det skarpt?

Spørg efter illustrationer: Smukke tjeklistebilleder med hvert ikon (mål, hjerne, museknap, billede, logo, udkast til papir)

Spørgsmål, som folk har en tendens til at undre sig, og de svar, der er ryddet

Spørgsmål: "Over folden" er stadig vigtigt? På denne dag ruller du derefter alle skærme for at se på nettet?
Svar: Mere vigtigt! Som nævnt ovenfor er det beslutningen om, at besøgende "vil du spilde din tid på at rulle ned for at se?" Hvis de første 5 sekunder, kan du ikke gøre ham interesseret. Han vil straks trykke ud uden udsættelse overalt. Prøv at læse i -dybde -analyse her: Over folden er stadig vigtig?

Spørgsmål: Hvor mange CTA -knapper skal der være i ovenstående foldesektion?
Svar: Den bedste regel er "med den mest fremtrædende primære CTA -knap" og kan have "sekundær CTA", der er mindre fremtrædende (f.eks. Brug af et link. Eller gennemsigtige knapper). Kan placeres i nærheden af hinanden, såsom hovedknappen er "Demokrater" (solid farve), og den sekundære knap er "Se video" (luftig) for indstillinger. Men ikke forvirrende

Spørgsmål: For B2B -webstedet, skal det være bedre at bruge fotos eller billeder fra Stock Photo?
Svar: Rigtige fotos af teamet, kontoret eller dine produkter, der tages professionelt. Vil altid opbygge troværdighed og binde bedre end stockbilleder, fordi det viser reel identitet, men hvis det er nødvendigt at bruge stockbilleder, skal du vælge at investere med billeder af høj kvalitet, der ser naturlige ud og formidler de "resultater", som kunderne vil modtage. Ikke et billede af en udlænding, der smiler i et falskt mødelokale

Spørgsmål: Vi er et lille firma. Der er ikke noget berømt kundelogo at vise. Hvad skal jeg gøre?
Svar: Det er okay! Du kan bruge socialt bevis på andre måder, såsom vidnesbyrd eller komplimenter fra kunder. (Anmod om tilladelse først) For at vise med sit navn og firma skal du vise Case Case Study, der siger, at du hjælper kunden med at løse eventuelle problemer og få bedre resultater eller vise antallet af succesrige projekter. Disse ting skaber god troværdighed, ikke ringere end logoet.

Spørg for illustrationer: Stort spørgsmål Mark Icon (?) Med bóng đèn (pære), der er lys ved siden af formidler et klart svar

Resume for at være let at forstå + vil prøve at gøre

I sammendraget er "det første kontrolpunkt" eller ovenstående fold på dit B2B -websted nødt til at opføre sig som den bedste receptionist. Er i stand til at fortælle hele historien om din virksomhed inden for 5 sekunder med 5 vigtige komponenter: skarp overskrift, klar underhovedlinje, kraftfuld visuel, navigation CTA og socialt bevis, der sikrer

Investeringen er at forbedre det lille rum. Dette er en af de mest værdifulde investeringer, du kan gøre for din virksomhed. Det kan ændre webstedets skæbne fra bare "smuk online brochure" for at blive et "blyoprettelsesværktøj og lukke salget på arbejdet for dig 24 timer."

Nu ... prøv at åbne dit websted. Og kun se på den del, der ikke behøver at rulle skærmen, spørg dig selv ærligt, at "hvis jeg er kunden, der kom ind for første gang, vil jeg forstå på 5 sekunder? Og hvad skal jeg gøre næste?"

Hvis svaret er "nej" eller "ikke sikker" ... er det tid til at ændre sig!

Hvis du vil have et professionelt team, der har erfaring med at skabe en webside, der faktisk kan ændre sig til kunderne, skal du overveje UX/UI -design- og landingssidedesigntjenesten, der fokuserer på vores højeste konvertering. Vi er klar til at give råd for at finde den bedste løsning til din virksomhed.

Spørg om illustrationer: Folk peger på knappen "Anmod om en demo" på computerskærmen med selvtillid Smiles. Bagsiden er en konverteringsgraf, der er skyhøje.

dele

Seneste blog

Webflow vs Frame: Hvilken platform er egnet til at oprette et startwebsted, der ønsker at vokse hurtigt?

Sammenlign chok, chok mellem webflow og framer til opstart, der understreger åbningshastigheden, skønhed og skalaevne.

"Core Web Vitals" til Internettet. Virksomhed: Hvorfor påvirker hastigheden pålideligheden og salget?

Webhastighed er ikke kun teknisk! I -dybde, at Core Web Vitals (LCP, INP, CLS) påvirker SEO -placering, brugeroplevelse og hvordan overskuddet på organisationsweb

Hvordan man designer et webstedets sidefod til at være mere "i slutningen af nettet" men er "blyværktøj"

Overse ikke sidefod! En samling af webstedsfoddesignteknikker, der hjælper med at forbedre UX, supplere SEO og ændre de besøgende til at blive føringen.