Share
Voor de eigenaar van een klein bedrijf is de startpagina van uw website net als uw etalage: het verleidt mensen naar uw winkel, geeft hen een idee van wat u levert en het is het startpunt voor het verkennen van de rest van uw winkel. Dit betekent ook dat de manier waarop de startpagina van uw website er groot uitziet, van invloed is op zowel uw branding als uw verkopen.
In tegenstelling tot een etalage zou het verbeteren van de startpagina van uw website echter niet veel kosten, vooral als u een klein bedrijf hebt. Er zijn veel tweaks op de website-homepage die u kunt maken zonder veel geld uit te geven of een aantal weken te wachten op een herontwerp.
Website homepage ontwerp is belangrijk voor uw zakelijk succes (Image Source).In deze zelfstudie laten we u zien hoe u een startpagina van een website maakt die klanten aantrekt. U zult de ontwerpideeën van de website-homepage verkennen en enkele van de beste homepage-voorbeelden van websites bekijken.
Laten we dieper ingaan op de ontwerptips van de website-homepage.
Het hebben van mooie afbeeldingen van hoge kwaliteit is een must-have als u uw producten er zo goed mogelijk wilt laten uitzien. Maar er is een belangrijke wisselwerking: meestal geldt hoe groter de afbeelding of hoe hoger de resolutie, hoe langer het duurt voordat deze afbeeldingen voor uw bezoekers worden geladen. Hoe langer de laadtijden, hoe groter de kans dat uw bezoekers vertrekken.
Volgens onderzoek van Google wordt 53 procent van de websitebezoeken verlaten als een mobiele site meer dan drie seconden nodig heeft om te laden. In feite voorspelt hun model dat hoe langer het duurt voordat uw pagina wordt geladen, hoe groter de kans dat uw bezoekers vertrekken. Uit hetzelfde onderzoek bleek dat het veel verschil zou maken als website-eigenaren hun afbeeldingen simpelweg zouden comprimeren.
Hoe langer het duurt voordat een webpagina wordt geladen, hoe waarschijnlijker het is dat bezoekers stuiteren.Zoek de balans tussen het leveren van prachtige afbeeldingen en het hebben van een snellaadsite. Gebruik het hulpprogramma PageSpeed Insights van Google om te zien of uw afbeeldingen nog verder moeten worden gecomprimeerd. Als dat het geval is, kunt u een hulpprogramma zoals TinyPNG gebruiken om ze verder te comprimeren of meer te weten te komen over beeldoptimalisatie via deze handleidingen:
Wanneer een bezoeker voor de eerste keer op uw startpagina arriveert, mag er geen onduidelijkheid bestaan over wat de volgende stap zou moeten zijn. Hier komt uw call-to-action (CTA) om de hoek kijken. Een CTA verschijnt meestal in de vorm van een grote knop. Als u erop klikt, worden uw startpagina bezoekers omgezet in een lead of een verkoop.
Zorg ervoor dat uw call-to-action zich boven de vouw bevindt, het bovenste gedeelte van uw startpagina dat zichtbaar is zonder te scrollen. In één casestudy verhoogde een online winkel die trampolines verkoopt de conversieratio met 11 procent door alleen een CTA boven de vouw toe te voegen.
Toch moet u uw oproep tot actie niet alleen beperken tot dit gebied. Je kunt het tijdens de rest van je homepaginafoto herhalen. Bijvoorbeeld Rumpl, een online winkel die speciale dekens verkoopt, benadrukt hun aanbevolen product boven de vouw met een oproep tot actie.
Plaats uw CTA's boven de vouw, maar herhaal deze ook op de startpagina.Maar als u verder naar beneden bladert op de startpagina, ziet u nog een CTA-knop om dat product aan uw winkelwagentje toe te voegen. Terwijl Rumpl andere items weergeeft op de startpagina van hun website, heeft geen enkele een prominente CTA behalve het afgebeelde product. Bezoekers richten zich bijna uitsluitend op het kopen van het afgebeelde product.
Vermijd andere storende elementen op de startpagina van uw website. De belangrijkste focus moet de call-to-action zijn. Als u navigatie-items, socialemediaknoppen en andere elementen op de startpagina van de website moet plaatsen, zorg er dan voor dat ze uw bezoekers niet afleiden van de belangrijkste CTA-knoppen..
Als je geen krachtige call-to-action-knop hebt op de startpagina van je website, bekijk dan enkele van deze opvallende sjablonen uit Graphic River.
Afgezien van het feit dat u duidelijk bent over de actie die uw bezoekers moeten ondernemen, moet u ook duidelijk zijn waarom zij die actie moeten ondernemen. Consumenten in alle leeftijdsgroepen waarderen de duidelijkheid in online marketingcommunicatie, meer dan geweldig design of perfecte grammatica en spelling. Dus, als het gaat om het kopiëren van uw website-homepage, stel uzelf dan het volgende de vraag:
Consumenten waarderen overweldigend bericht helderheid over ontwerp, lengte en grammaticale correctheid.Als u uw waardevoorstel op uw website-startpagina wilt verduidelijken, probeert u de technieken in de volgende voorbeelden:
Herhaal tijdens het kopiëren van uw startpagina de voordelen die uw bezoekers krijgen nadat ze op uw CTA hebben geklikt. U kunt verschillende woorden en beelden gebruiken om deze voordelen te herhalen. In het onderstaande voorbeeld wordt Gossamer Gear, een online winkel die lichtgewicht reisartikelen verkoopt, hun waardepropositie van 'ultralichte uitrusting' expliciet vermeld in hun kop. Er wordt ook gezinspeeld op in hun bedrijfslogo ("Neem minder. Doe meer.") En de spandoekfoto toont twee wandelaars die rugzakken dragen die kleiner zijn dan normaal.
Herhaal uw waardevoorstel op verschillende plaatsen op de startpagina van uw website, inclusief afbeeldingen.U kunt stellen dat uw bedrijf producten van hoge kwaliteit maakt, goede klantenservice heeft of sociaal verantwoordelijk is. Je kunt het nog duidelijker maken voor je publiek door specifiek te zijn over waarom. Op de homepage van hun website benadrukt kledingverkoper United By Blue hun sociale verantwoordelijkheid, zowel in hun slogan ("Verantwoorde duurzame goederen") als in hun inhoud (links naar hun blogposts over het schoonmaken van openbare ruimtes en hun verantwoord gebouwde winkels). Maar het kopiëren van hun website-homepage gaat net dat beetje extra door de inspanningen van het bedrijf te specificeren aan de hand van de cijfers.
Wees specifiek over hoe u uw waardevoorstel levert.Denk na over manieren waarop u meer specifiek kunt zijn in het uitdrukken van uw waardevoorstel. Als uw unieke waardepropositie is dat u klanten helpt geld te besparen, let dan op hoeveel ze kunnen besparen. Als uw bedrijf trots is op het maken van duurzame producten, geef dan aan hoeveel jaar de producten de neiging hebben om aan te blijven of onderwerp de producten aan verschillende tests en toon uw publiek de resultaten.
Of de startpagina van uw website nu lang of kort is, het is belangrijk dat de tekst gemakkelijk te scannen is. Dit komt omdat mensen de neiging hebben om online tekst te scannen en te skimmen. Uit een onderzoek van de Nielsen Norman Group blijkt dat slechts 16 procent van de mensen woord voor woord online tekst leest. In een meer recente studie ontdekten ze ook dat mensen de neiging hebben om zware tekst in een F-vormig patroon te scannen, waardoor ze essentiële informatie missen.
Grote blokken tekst op een startpagina kunnen ertoe leiden dat mensen het in een F-vormig patroon scannen.Als u niet wilt dat uw bezoekers uw overtuigende woorden of de belangrijkste functies van uw product missen, zorg er dan voor dat de tekst op de startpagina van uw website gemakkelijk te scannen is. Hier zijn enkele tips die u kunt volgen:
Een goed voorbeeld van dit principe is te vinden op Barebones Living, dat buitenspullen verkoopt. In plaats van hun productcategorieën op te sommen en ze verder uit te werken met lange beschrijvingen, staat er in de kopie alleen: "Hoe vertoef je buiten?" Foto's en namen uit één woordcategorie doen het zware werk. Zelfs zonder de woorden te lezen, kun je zien in welk vakje je zou moeten klikken. Laten we het voorbeeld van de website-homepage eens bekijken:
Vul eenvoudige taal aan met krachtige beelden voor een eenvoudig te scannen website-homepage.De startpagina van de website maakt ook gebruik van subkoppen. In de onderstaande schermafbeelding de ondertitel 'Waarom Barebones?' wordt gevolgd door kleinere subkoppen, zoals 'Boeren in Afrika', 'Schuilplaatsen bieden in Nepal' en 'Voedsel bieden in Utah'. Het hebben van dergelijke subkoppen betekent dat bezoekers een concreet idee hebben van de projecten van het bedrijf, zelfs als ze de korte lichaamstekst niet lezen.
Gebruik subkoppen zodat bezoekers de essentie van uw inhoud kunnen achterhalen, zelfs als ze de paragrafen overslaan.Zelfs als je het meest fotogenieke product op de markt hebt, is het het beste om mensen op je productfoto's te hebben, vooral op de startpagina van je website. Tests van Visual Website Optimizer laten zien dat het gebruik van menselijke foto's in plaats van illustraties of pictogrammen de conversieratio's kan verhogen.
Wat nog belangrijker is, gebruik echte foto's van uw klanten of uw personeel. Websitebezoekers negeren standaardfoto's van mensen, blijkt uit onderzoek van The Nielsen Norman Group.
Een goed voorbeeld hiervan is van de online zaadwinkel Renee's Garden. Op de startpagina van hun website staan meerdere foto's van mensen op hun boerderij, foto's van mensen aan wie ze zaden hebben geschonken en een foto van de eigenaar. Afgezien van deze foto's die de aandacht trekken, bouwen ze ook vertrouwen op omdat je de mensen achter het bedrijf kunt zien. Deze instant-trust-building is essentieel voor kleine en micro-ondernemingen die niet zo'n grote reputatie als meer gevestigde merken hebben.
Het gebruik van foto's van echte klanten en personeel kan helpen vertrouwen op te bouwen en het aantal conversies te verhogen.Aangezien online kleine bedrijven niet zo bekend zijn als grotere merken, kunnen consumenten het gevoel hebben dat ze wat risico's kopen in vergelijking met aankopen bij de online winkels van Amazon of Walmart. Daarom moet u elk mogelijk risico voor uw klant elimineren.
W & P Design, een designwinkel uit Brooklyn, maakt in hun exemplaar boven de vouw duidelijk dat ze "Free Returns. No Hassle." Als een klant aarzelend is om te kopen omdat ze het product misschien niet leuk vinden, weten ze vooraf dat ze het zonder problemen van het bedrijf kunnen retourneren en zonder extra kosten te betalen. Hier is een voorbeeld van het voorbeeld van de website-homepage:
Het weergeven van een retourbeleid op de homepage van uw website vermindert het risico van de klant.Hand in hand met het verminderen van het risico van uw klanten, bewijst dat u uw beloften waarmaakt. Dit is waar sociaal bewijs, zoals beoordelingen, casestudy's en getuigenissen, binnenkomen. Toon deze op de startpagina van uw website als u wilt dat klanten uw bedrijf vertrouwen.
Wynd, dat slimme luchtreinigers verkoopt, doet dit door een tabblad 'Recensies' boven de vouw op hun startpagina te plaatsen. Wanneer u op het tabblad klikt, verschijnen er productbeoordelingen. Deze beoordelingen worden ook weergegeven in een apart gedeelte op de startpagina van de website.
Het toevoegen van beoordelingen op de startpagina van uw website helpt het risico voor uw potentiële klanten te minimaliseren.Raadpleeg de volgende handleidingen voor gedetailleerd advies over het verzamelen en gebruiken van feedback op uw website:
Hoewel het netjes en modern lijkt om de navigatie van je website-homepage te verbergen met een vervolgkeuzemenu of hamburgersymbool, maakt dit het minder waarschijnlijk dat gebruikers de rest van je site kunnen navigeren. Onderzoek van de Nielsen Norman Group vond dat de vindbaarheid van de pagina's van een site gehalveerd is wanneer navigatiebalken verborgen zijn. Het duurt langer voordat bezoekers de andere belangrijke pagina's op uw site kunnen vinden.
Het duurt bezoekers langer om een website te doorlopen met verborgen navigatie.Als er te veel pagina's op uw site staan en u ze niet allemaal zonder al te veel verkeer in uw startmenu kunt plaatsen, kunt u kiezen voor 'combo-navigatie'. In dit formaat zijn er statische menulinks naar belangrijke pagina's op uw site, maar de rest wordt weergegeven via een vervolgkeuzemenu. Dit was de aanpak van Johnny's Selected Seeds, een online zaadhandelaar. Omdat ze tientallen zaden in hun online winkel hebben, geeft de hoofdnavigatie alleen de belangrijkste categorieën weer. De andere subcategorieën worden onthuld in een vervolgkeuzemenu.
Als u te veel items in uw online winkel heeft, geeft u alleen de hoofdcategorieën op uw menu weer. Het belangrijkste is dat er een zichtbaar menu is.Een ding dat je misschien wilt experimenteren is het gebruik van live chat op uw website. Livechat is een functie waarmee bezoekers van de website in realtime met u of uw personeel kunnen chatten. U kunt livechat gebruiken om hun voorlopige vragen te beantwoorden, ze te helpen bij het navigeren op uw website of direct een uitverkoop te doen. Voor klanten is dit gemakkelijker dan uw bedrijf bellen of e-mailen, omdat ze met u kunnen chatten terwijl ze op de site surfen.
JSI Signs, een leverancier van online borden, gebruikt live chat om het volume van oproepen die ze in hun winkel ontvangen te verminderen. Dit helpt de eigenaar ook multitasken, omdat ze vragen van potentiële klanten kan beantwoorden terwijl ze andere taken uitvoert. Laten we naar chat kijken in dit voorbeeld van de website-homepage:
Livechat op de startpagina van uw website kan u helpen producten uit te leggen aan bezoekers van uw website, waardoor uw conversies toenemen.Maar er zijn nog andere belangrijke voordelen aan het toevoegen van livechat aan de startpagina van uw website. Live chat kan de conversies met wel 40 procent verhogen, blijkt uit een onderzoek van Apex Chat. Het biedt ook de hoogste klanttevredenheid, met 73 procent van de consumenten tevreden over de service die ze krijgen via livechat. E-mail komt op de tweede plaats met een tevredenheidspercentage van 61 procent.
Klanten zijn tevreden met ondersteuning voor live chats, meer dan e-mail, telefoon of sociale media.Als u geïnteresseerd bent in het live geven van een livechat, zijn hier enkele live chatservices die u kunt gebruiken:
Als u een video toevoegt aan uw startpagina, kunnen de conversies toenemen. Dit is waar in verschillende productcategorieën, volgens een onderzoek uit Treepodia. Daarom zou het kunnen helpen als je zelfs een videoclip op de startpagina van je website toevoegt. Houd het kort, want engagement dreigt te vervallen als de video te lang is. Het is het beste om je video korter dan twee minuten te houden, volgens de statistieken van Wistia.
Over de bovenstaande producttypen is het succespercentage van e-commerce toegenomen met de toevoeging van video.Wat de inhoud van de video betreft, het kan een uitlegger zijn, een getuigenis van klanten, een productdemo of zelfs een korte rondleiding door uw winkel. Het kan live-actie of animatie zijn, alles werkt volgens uw behoeften en budget. In het onderstaande voorbeeld heeft Four Sigmatic, een champignon-koffiebedrijf, een video op hun startpagina waarop de oprichter laat zien hoe ze hun product kunnen gebruiken. Video is vooral belangrijk voor ongebruikelijke producten, zoals champignonkoffie, waar de meeste mensen misschien niet bekend mee zijn.
Het toevoegen van een productdemovideo kan handig zijn bij de verkoop van een ongewoon product.Als u in de bovenstaande lijst denkt dat het verbeteren van de startpagina van uw website betekent dat u meer elementen toevoegt, hoeft dat niet altijd het geval te zijn. Elk nieuw item dat u toevoegt, kan uw hoofdbericht en oproep tot actie afleiden. Ook kan het een slechte indruk op uw bezoekers achterlaten.
Onderzoek van Google toont aan dat een hoge visuele complexiteit - de aanwezigheid van veel elementen - van invloed kan zijn op hoe aantrekkelijk uw site is voor bezoekers. Sites met een lage visuele complexiteit werden het aantrekkelijkst gevonden, zelfs als mensen slechts 17 milliseconden aan deze sites werden blootgesteld. Met andere woorden, de eerste indruk van de startpagina van uw website telt, en deze indruk moet zo eenvoudig mogelijk zijn. Houd dit in gedachten wanneer u de bovenstaande aanbevelingen opvolgt. Vervang onnodige of niet-effectieve elementen in plaats van nieuwe dingen toe te voegen om ze te compenseren.
U hebt zojuist kennisgemaakt met ideeën voor het ontwerpen van startpagina's op de website. We hebben enkele voorbeelden van startpagina's van websites bekeken. U zou nu enkele ideeën moeten hebben over hoe u de startpagina van uw website effectiever kunt maken.
Vergeet niet dat de startpagina van uw website nooit een decoratief onderdeel van uw marketingstrategie mag zijn. In plaats daarvan moet het een actieve rol spelen bij het binnenhalen van de verkoop en het herhalen van uw merkboodschap voor potentiële klanten.
Als de startpagina van uw website deze belofte niet lijkt waar te maken, werkt u aan enkele van de aanbevolen wijzigingen hierboven. U kunt beginnen met degenen die het gemakkelijkst voor u zijn om te implementeren. Door deze eenvoudige wijzigingen aan te brengen, kan de startpagina van uw website zelfs een van uw belangrijkste kanalen voor klantacquisitie worden.
Accentsconagua