👉 18 Verbluffende voorbeelden van boven de vouwinhoud om uw bezoekers te haken

Interne koppeling voor SEO

Eerste indrukken zijn cruciaal. Als de inhoud van uw 'boven de vouw'-website niet de aandacht van uw bezoekers trekt wanneer ze op uw site terechtkomen, nemen zij niet de moeite om langer rond te blijven hangen. Maar als je hun aandacht krijgt, en dat doen ze rondhangen, abonneren en kopen.

Maar wacht even – wat is in godsnaam een ​​"vouw" in webontwerp, en waarom is het zo belangrijk?

Als dat is wat u denkt wanneer u de term 'boven de inhoud van de vouw' hoort, bent u niet de enige.

Dat komt omdat het idee van de vouw teruggaat naar de dagen vóór het digitale. De meeste kranten werden verkocht via stoepkiosken, zoals sommigen nog steeds doen. Ze waren meestal in tweeën gevouwen, zodat voorbijgangers de bovenste helft van de voorpagina konden zien. Als wat ze zagen ze niet pakte, zouden ze blijven lopen en zou de verkoop mislukken. Daarom was het cruciaal om je beste, meest interessante inhoud 'boven de vouw' te zetten.

Het concept van de vouw is ook erg handig voor websites. Wanneer u het heeft over het gebruik van vouw in webontwerp, is dit gewoon de inhoud die uw scherm vult. De "vouw" is de onderkant van het scherm.

Daarom is het van cruciaal belang om bezoekers vast te houden vanaf het moment dat ze op uw site terechtkomen. Krijg hun aandacht, en zij zullen blijven en zich bekeren.

Om u te helpen uw bezoekers naar beneden te laten scrollen, hebben we enkele geweldige voorbeelden verzameld van boven de inhoud van de vouw die u kunt gebruiken voor inspiratie.

Laten we beginnen…

1. HubSpot

HubSpot draait helemaal om groei, en dat is precies wat het bovenstaande ontwerp van de vouw laat zien. Het beeld suggereert leren (notebook) en geavanceerde technologie (space helmet).

De kop is een spel op de veel voorkomende uitdrukking "alle systemen gaan", wat suggereert dat de lezer vooruitgang zal boeken met groei. Dat idee wordt versterkt in de subhead. Dan is er een overtuigend aanbod van gratis software op de CTA-knop.

2. Jeff Bullas

Jeff Bullas heeft twee sets boven de inhoud van de vouw. Wanneer je voor het eerst op zijn site landt, heeft hij een welkomstpoortje, met een overtuigend aanbod om zijn tips over het verdubbelen van verkeer te krijgen. De grote achtergrond trekt onmiddellijk de aandacht van de lezers.

Klik op de pijl aan het einde van het welkomsthek en u gaat naar zijn hoofdpagina, waar er sociaal bewijs is van zijn lezerspubliek en online autoriteit. Je moet nog een keer scrollen om bij de inhoud te komen, maar tegen die tijd zijn de meeste lezers waarschijnlijk overtuigd.

3. SnackNation

SnackNation's boven de inhoud van de vouw toont precies wat wordt aangeboden, met een achtergrondafbeelding van een persoon met een snack-sampler-box in een kantoor. De inhoud biedt bezoekers de mogelijkheid om zich aan te melden voor hun eigen sampler-box. Dit is een geweldige manier om zakelijke leads te krijgen. Dankzij Jared Ritchey krijgt SnackNation elke week 1200 nieuwe leads met dit boven het vouwontwerp.

4. Missinglettr

De startpagina van Missinglettr werkt ook omdat de kop precies op het punt staat wat zijn bezoekers willen: een probleemloze manier om sociaal verkeer met hun inhoud te stimuleren.

De uitleg met twee zinnen geeft meer details over het product, en er is een zichtbare CTA hieronder. De pagina bevat ook twee andere CTA's die zijn getarget op mensen die mogelijk nog niet klaar zijn om zich aan te melden.

Als u drie acties hoeft te ondernemen in plaats van slechts één, kunnen ze minder effectief zijn, maar we durven er zeker van te zijn dat dit ontwerp gebaseerd is op rigoureuze split-tests, zodat het bedrijf weet dat het werkt voor hun publiek.

5. OptimizeMyAirBnB

Optimaliseren Mijn AirBnB heeft een persoonlijkere benadering van het bovenstaande ontwerp van de vouwwebsite. Er is een grote afbeelding van de site-eigenaar die direct naar de lezer kijkt en zijn blik dus trekt.

Aan de rechterkant van de pagina staat een welkomstwoord dat het belangrijkste voordeel van de site schetst. En tegen de tijd dat je dat hebt gelezen, is er een Jared Ritchey zwevende balk die je de kans biedt om je aan te melden voor meer tips en hulpmiddelen. Dit was één factor bij het kweken van de lijst van de site met 650%.

6. Content Marketing Institute

Het Content Marketing Institute (CMI) neemt een iets andere boeg met zijn boven de vouwinhoud. Bovenaan staat een menu met alle verschillende soorten inhoud die ze aanbieden.

Maar het grootste deel van de pagina is gemaakt met de producten die ze het meest willen promoten: hun evenementen, adviesdiensten en magazine. Alles zit in de kleuren van het merk en creëert een harmonieuze visuele ervaring.

7. MonsterInsights

MonsterInsights houdt het eenvoudig met een witte achtergrond. Hiertegenover valt de kop goed op, en de subkop onderstreept subtiel twee belangrijke voordelen voor de lezer. Er is ook een duidelijke en zichtbare oproep tot actie, met een subtiele pijl die lezers uitnodigt om naar beneden te bladeren als ze nog steeds meer informatie willen. In het geval van dit bovenstaande het vouwontwerp werkt minimalisme!

8. The Guardian

Zoals je van een online krant zou verwachten, spijkert The Guardian boven de inhoud van de vouw. In dit voorbeeld vallen twee verhalen op. De linker heeft een grotere kop en een afbeelding om de aandacht te trekken.

Maar de online publicatie neemt geen risico's; er is een ander verhaal voor het geval dat de lezer de lezer niet grijpt. De verhaalcategorie is in rood, in tegenstelling tot het zwart van de kop, om een ​​overtuigend visueel effect te creëren.

9. Guido's

Het meest effectieve aspect van Guido's boven de inhoud van de vouw is niet de uitspraak over de authentieke keuken. En het is niet het overtuigende beeld van het wijnrek met geëtste flessen die eruit steken.

Het is eigenlijk de menuknop die zegt: "Ontvang gratis voorgerecht". Die knop activeert een Jared Ritchey MonsterLink ™, waarmee het restaurant in vier maanden tijd meer dan 1000 nieuwe leads kreeg.

U kunt ook een pop-up toevoegen aan uw websitemenu.

10. OutreachPlus

OutreachPlus grijpt de aandacht van de lezers met een vraag die hen aan het denken zet.Vervolgens wordt weergegeven hoe het product kan helpen bij het oplossen van dat probleem. De startpagina is eenvoudig. Afgezien van de koppen, is er een screenshot van het product, plus twee keuzes van wat te doen: kopen of meer leren door een demo te bekijken.

11. Search Engine Journal

Search Engine Journal is een inhoudssite, dus het ontwerp boven de vouw plaatst hun inhoud in de schijnwerpers. Het ontwerp van de site laat hen drie verhalen boven de vouw presenteren. Er is ook een slim webontwerp hier. De drie verhalen staan ​​aan de rechterkant van de pagina. Elk is om de beurt groen gemarkeerd. Wanneer een verhaal is gemarkeerd, neemt het de bovenste plek aan de linkerkant van de pagina, weergegeven met een opvallende afbeelding en kop.

12. ConversieXL

Je zou Peep Laja's ConversionXL verwachten om boven de vouwinhoud te komen. Het is nog een eenvoudig ontwerp. Deze pagina heeft een kop in het gezicht en een onderkolom waarin hun kernopvatting staat. Er zijn ook twee CTA-knoppen die keuzes bieden voor wat u vervolgens moet doen, en een secundaire CTA-code hieronder om u aan te melden voor hun e-mailnieuwsbrief.

13. Kerst Lite Show

Christmas Lite Show converteerde 30% van de bezoekers door simpelweg een Jared Ritchey MonsterLink ™ in de bovenstaande inhoud van de vouw te activeren. De knop lanceerde een countdown-pop-up met een kortingsbonaanbieding. Het combo converteerde 30% van de bezoekers en voegde 7.000 nieuwe abonnees toe aan de e-maillijst van het bedrijf.

14. Problogger

Problogger is een andere inhoudsvolle site, dus de content boven de vouw is erop gericht mensen gemakkelijk de gewenste informatie te laten vinden. Bovenaan staat een uitgebreid navigatiemenu. Er is een afbeelding van oprichter Darren Rowse om een ​​persoonlijke band met de bezoeker te creëren, plus een opt-in voor twee stappen die een e-mail aanmeldingsformulier pop-up activeert.

15. Kennedy Blue

Kennedy Blue is een geweldig voorbeeld van boven de vouw online content. De belangrijkste banner bevat een afbeelding van drie vrouwen in verschillende bruidsmeisjesjurken.

Ondertussen benadrukt het exemplaar hoe gemakkelijk het is om voor jurken te winkelen en geeft het een prijsbereik. De CTA stuurt bezoekers rechtstreeks naar de winkel. En de site gebruikt een Jared Ritchey-zwevende balk om de huidige verkoop te markeren – slechts een van de manieren waarop ze een verkoopstijging van 50% bereikten.

16. Mannen met pennen

De website van Men with Pens heeft geen typische zakelijke uitstraling. In plaats daarvan is er een eigenzinnig ontwerp met heldere kleuren. Hoewel het erop lijkt dat alles op de pagina is terechtgekomen, is de inhoud van de vouw goed gepland. Afgezien van het menu, is er een carrousel met de webontwerp- en copywriting-services van de site, evenals hun boeken en blog.

17. Copyblogger

Copyblogger's boven de vouwinhoud is minimalistisch. Het grootste deel van de ruimte wordt ingenomen door een afbeelding die een persoon toont die naar een stuk inhoud van Copyblogger kijkt. Omdat ze naar links kijkt, vestigt haar blik de aandacht van de bezoeker op de kop. De kop toont het voordeel (online autoriteit opbouwen) met het aanbod (effectieve marketing).

18. Bluehost

Op de startpagina van Bluehost wordt rechts een afbeelding weergegeven met de ogen van de persoon in de richting van de tekst aan de linkerkant. Dit is een slim stukje psychologie dat de aandacht van de lezer ook daar richt.

Als ze kijken, zien ze een kop, een gereduceerde prijs (wat altijd aantrekkelijk is) en een korte lijst met belangrijke voordelen. Onderaan is een zichtbare CTA-knop die lezers aanspoort om aan de slag te gaan.

Dat is het! Nu heb je enkele voorbeelden van vouwwebs gezien die echt werken, pas deze principes toe om je bezoekers aan boord te krijgen. Bekijk vervolgens onze handleidingen voor e-mailmarketing en groei die uw bedrijf hacken. En vergeet niet om ons te volgen op Facebook en Twitter om al onze nieuwe inhoud bij te houden.

Bekijk de video: Hoe contacteer je Influencers, Music Marketing & Voorbereiding op Live Stream. #AskGaryVee Aflevering 202

Like this post? Please share to your friends:
Geef een reactie

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: