Share
Als het gaat om eCommerce-websites, speelt design een cruciale rol, ongeacht welk platform u gebruikt. Het ontwerp van uw website moet uw site visueel aantrekkelijk maken, maar het moet ook potentiële klanten door uw site leiden en hen helpen om echte kopers te worden.
Hoewel er veel e-commerce-platforms beschikbaar zijn, onderscheidt BigCommerce zich zeker dankzij hun aandacht voor detail en toewijding aan het creëren van een eCommerce-platform dat is ontworpen voor conversies..
Wanneer klanten gemakkelijk door uw website kunnen navigeren, de gewenste producten kunnen vinden, ze snel aan hun winkelwagentje kunnen toevoegen en alle belangrijke informatie kunnen bekijken voordat ze naar de afhandelingspagina gaan, hebt u een veel betere kans om ze te converteren.
Is uw online winkelontwerp geoptimaliseerd voor verkoop? (grafische bron)Daarom is het van cruciaal belang om wat tijd te besteden aan het evalueren van het ontwerp van uw winkel en het verbeteren voordat u investeert in betaalde advertenties. Anders, ongeacht hoeveel verkeer u rijdt, zullen al die bezoekers uw site verlaten zonder een aankoop te doen.
In de vorige tutorial in deze serie, heb je geleerd hoe je een premium BigCommcerce-thema instelt en je online winkelopstelling aanpast:
In de post van vandaag delen we meer dan vijftien geweldige ontwerptips waarmee u uw BigCommerce-winkel naar een hoger niveau kunt tillen. Laat uw BigCommerce-webontwerp niet alleen esthetisch opvallen, maar ook fantastisch omzetten.
Elk element op uw website, van productafbeeldingen tot navigatiemenu's; speelt een rol bij het besluit van een bezoeker om al dan niet uw product te kopen. Hier zijn onze beste BigCommerce webdesigntips om uw winkel te helpen meer bezoekers aan te trekken en te converteren.
Alleen al omdat uw winkel online is, betekent niet dat u uw producten willekeurig kunt schikken. Denk aan de algehele ervaring die u wilt dat uw klanten hebben wanneer ze uw BigCommerce-winkel bezoeken. Als u uw producten in de juiste categorieën indeelt, kunnen klanten eenvoudig de verschillende productsoorten zien die u aanbiedt en ontdekken welke producten momenteel worden verkocht.
Houd uw productomschrijvingen en prijzen duidelijk aangegeven en gebruik een rasterlay-out om de algehele paginalay-out er netjes en opgeruimd uit te zien. Vermijd te veel producten op uw startpagina of in een rij te plaatsen en in plaats daarvan te kiezen voor grote afbeeldingen met minder producten. Dat voegt meer ademruimte toe rond elk item.
Uw menu is een van de belangrijkste onderdelen van uw website. Het helpt klanten om van de ene pagina naar de volgende te gaan, wat benadrukt waarom een intuïtief navigatie-menu zo belangrijk is.
Vermijd het toevoegen van te veel links in het hoofdmenu en kies in plaats daarvan voor een vervolgkeuzelijst of een mega-menu waarmee u meer links kunt toevoegen die naar verschillende productcategorieën leiden. Een andere effectieve manier om de navigatie rond uw site te vergemakkelijken, is om een fly-outmenu te gebruiken dat verschijnt als u zweeft.
Gelukkig zijn er tal van BigCommerce-thema's zoals Modez die worden geleverd met een vooraf samengesteld menu dat je helpt om de winkelervaring voor je klanten te verbeteren:
Het Modez BigCommerce-thema bevat intuïtieve menu-opties.Ontdek meer geweldige BigCommerce-thema's op ThemeForest, of blader door onze samengestelde selectie van de beste voor 2017:
Er zijn momenten waarop uw klanten vragen kunnen hebben over een specifiek product of geaccepteerde betaalmethoden. Zorg ervoor dat ze uw contactgegevens gemakkelijk kunnen vinden en contact met u kunnen opnemen. Op die manier kunt u hun vragen beantwoorden en hen helpen om tot een koopbeslissing te komen.
Austin Bazaar, een site die gebruikmaakt van het BigCommerce-platform, doet dit goed door hun telefoonnummer op een goed zichtbare plaats te plaatsen samen met hun openingstijden:
Op de website van de Austin Bazaar staat prominent hun telefoonnummer vermeld.Volgens onderzoek leest 61% van de online shoppers recensies van klanten voordat ze een product kopen. Klantrecensies kunnen u helpen omzet te verhogen en de conversieratio's te verhogen. Dat komt omdat potentiële klanten meer geneigd zijn om te kopen als ze zien dat andere mensen tevreden zijn geweest met hetzelfde product. Als u klantrecensies toevoegt, kan dit uw conversie met maar liefst 4,6% verhogen.
Josie Maran, een andere e-commercesite die gebruikmaakt van BigCommerce, geeft productrecensies onder hun productbeschrijvingen weer, waardoor zowel de winkel als de producten meer geloofwaardigheid krijgen:
De Josie Maran-site bevat productrecensies.Sommige van uw klanten of bezoekers hebben mogelijk al een product in gedachten wanneer ze naar uw site komen. Als dat product niet meteen zichtbaar is op uw startpagina, zullen die bezoekers dit waarschijnlijk willen zoeken en als ze geen manier vinden om te zoeken, gaan ze ergens anders naartoe.
Laat deze niet aan het toeval over en hoop dat ze een navigatiemenu zullen gebruiken om ernaar te zoeken. Ze willen niet van de ene categorie naar de andere dwalen, ze willen ontdekken of je het product hebt of niet. Zorg ervoor dat u een zoekbalk aan uw site toevoegt, zodat deze altijd zichtbaar is.
Een van de grootste verschillen tussen een fysieke winkel en een online winkel is het feit dat online shoppers de items niet kunnen aanraken of proberen ze te leren kennen. In plaats daarvan moet u vertrouwen op uw productafbeeldingen om aan te geven hoe het product eruitziet.
De afbeeldingen op uw site moeten van hoge kwaliteit zijn, zonder enige wazigheid die de perceptie zou verpesten. Overweeg om voor elk product een galerij te maken, zodat bezoekers het item vanuit verschillende hoeken kunnen bekijken en weergeven als het wordt gebruikt of als het wordt gedragen.
Zorg er ook voor dat uw afbeeldingen een verhaal vertellen dat past bij uw merk en de verkoop stimuleert. Leer hoe u de scène instelt en fantastische productfoto's maakt:
Een van de grootste redenen voor een hoog aantal verlaten mensen is het lange en gecompliceerde betalingsproces. Gelukkig heeft BigCommerce een ingebouwde afhandeling van één pagina die wonderen kan doen voor uw succespercentages. U kunt de betaalervaring verder vereenvoudigen door uw bezoekers als gasten uit te laten stappen.
Een andere manier om het afrekenproces te vereenvoudigen, is om alleen de benodigde klantinformatie te vragen en niet meer. Als u digitale goederen verkoopt, verwijder dan de velden die om het verzendadres vragen, omdat dit niet nodig is.
Een andere belangrijke tip om in gedachten te houden, is ervoor te zorgen dat uw winkel is geoptimaliseerd voor mobiele apparaten. Dit gaat verder dan een responsief thema hebben. Het gaat erom ervoor te zorgen dat uw afbeeldingen net zo goed schalen op kleinere schermen als in uw formuliervelden. Dit maakt het voor uw klanten eenvoudiger om op het juiste veld te klikken en het in te vullen.
Maak gebruik van de ingebouwde functies van BigCommerce voor mobiel winkelen en voeg mobiele betaaloplossingen toe aan uw online winkel. Dit maakt het eenvoudiger om voor uw producten te betalen met PayPal One Touch of Apple Pay en het kan uw conversies met maximaal 12% verhogen.
Profiteer van de mobiele functies van BigCommerce.Rechtstreeks in lijn met de tip hierboven, spreekt het vanzelf dat uw thema responsief moet zijn, maar het moet ook worden ontworpen met het oog op e-commercesites. Gelukkig is er geen tekort aan premium BigCommerce-thema's met alle benodigde functies: van megamenu's tot productpreviews en filteropties.
Een geweldige manier om de winkelervaring voor uw klanten te verbeteren, is door productvoorbeelden of snelle weergave in te schakelen. Hierdoor kunnen ze eenvoudig op elk product klikken en direct de beschrijving, prijs, afbeeldingen en andere productinformatie zien in een afbeelding die verschijnt.
Ze hoeven niet door te klikken naar de productpagina, wat hen tijd bespaart, vooral als ze haast hebben en snel willen kijken naar wat je te bieden hebt.
De website van Carolina Panthers doet uitstekend werk met de functie voor snelle weergave. U kunt niet alleen de maten en de prijs bekijken, maar ook een uitvergrote afbeelding. U kunt het product ook meteen in uw winkelmandje plaatsen.
De site van Carolina Panther bevat een snelle weergavefunctie.Zodra uw bezoekers wat tijd hebben besteed aan het bladeren door uw winkel en klaar zijn om te kopen, willen ze weten wat uw verzend- en retourbeleid is. Als u hen geen gemakkelijke manier geeft om die informatie te vinden, geven ze mogelijk de aankoop op, vooral als u het moeilijk vindt om contact met u op te nemen..
Los dit probleem op door de links in uw primaire navigatiemenu te plaatsen die naar een pagina leidt die duidelijk uitlegt waar u naartoe gaat, welke verzendmethoden worden gebruikt en hoe u retouren verwerkt. Overweeg ook om een FAQ-pagina te maken die deze vragen beantwoordt.
Een ander onderzoek laat zien dat te laat verscheepte verzendkosten een grote factor zijn die bijdraagt aan hoge afvoerkoersen van wagens. In plaats van ze aan het eind weer te geven, moet u ervoor zorgen dat uw klanten de verzendkosten kunnen zien die worden berekend in de uiteindelijke prijs van het product zelf.
U kunt ook een verzendcalculator onder het product toevoegen die klanten de mogelijkheid biedt om de definitieve kosten te berekenen voordat ze naar de afrekenpagina gaan. Dit bereidt hen voor op wat ze kunnen verwachten als ze eenmaal uitcheckt en onaangename verrassingen voorkomt.
Als u ervoor wilt zorgen dat uw winkel zich onderscheidt van uw concurrenten, moet u ervoor zorgen dat u uw brandingelementen op uw website opneemt. Begin met het toevoegen van het logo van uw winkel en een favicon, zodat uw klanten uw site onmiddellijk kunnen herkennen in hun bladwijzergedeelte of op sociale media.
Voeg uw primaire merkkleur toe aan elementen zoals het navigatiemenu, knoppen en koppelingen om het uiterlijk consistent te houden. Als u uw merkelementen overal in uw winkel ziet, kunt u het vertrouwen in uw klanten vergroten.
De reeks eCommerce-marktplaatsen van Envato Market biedt een consistente brandingervaring in onze verschillende online winkels:
Envato Marketplace eCommerce branding.Het belangrijkste element op uw site is de Voeg toe aan winkelmandje of Koop nu knop. Het moet zichtbaar zijn en gemakkelijk te onderscheiden van andere elementen. Het loont de moeite om extra aandacht te besteden aan het ontwerp van de knop, omdat een beter ontwerp meer omzet zal genereren.
Gebruik een contrasterende kleur die de knop zal helpen opvallen. Zorg er ook voor dat deze groot genoeg is voor alle weergaveformaten, zodat uw mobiele klanten op de knop kunnen klikken, zonder dat u hoeft te zoomen of knijpen..
Een andere tijdbesparende tip die de winkelervaring zal verbeteren, is om klanten door uw producten te laten filteren, vooral als het gaat om maten of kleuren. Zelfs het filteren van het producttype is een geweldige manier om tijd te besparen en moeiteloos het gewenste product te vinden dat ze nodig hebben.
Dit helpt je om de frustratie weg te nemen van het vinden van het product dat niet in de gewenste maat of kleur beschikbaar is nadat ze besloten hebben het te kopen en klaar zijn om af te rekenen.
Bijna alle BigCommerce-thema's worden geleverd met productfilteropties, dus alles wat u hoeft te doen, is er een kiezen die past bij de esthetiek van uw winkel.
Meer informatie over het online verkopen van producten:
Mensen kunnen aarzelend zijn als het gaat om online winkelen. Een van hun grootste zorgen is of ze uw site kunnen vertrouwen op gevoelige informatie. U kunt het vertrouwen van uw klant onmiddellijk verbeteren door trustzegels aan uw site toe te voegen.
Dit zal ervoor zorgen dat alle transacties veilig worden verwerkt en dat hun creditcard- en persoonlijke gegevens niet in de handen van hackers of oplichters terechtkomen. Logo's van bekende beveiligingsgerichte merken zoals VeriSign, McAfee Secure, TrustE of Better Business Bureau worden vaak gebruikt op eCommerce-websites om het vertrouwen te vergroten. Man Crates geeft ze weer in de voettekst van elke pagina.
De site van Man Crates bevat vertrouwenszegels in de voettekst.Als het gaat om de kopie van uw site, is het belangrijk om informatie over uw exemplaar te delen, maar houd er rekening mee dat uw klanten een hele pagina met tekst niet zullen lezen. Richt u in plaats daarvan liever op korte alinea's en opsommingen om de belangrijkste functies van het product te benadrukken.
Hierdoor zien uw individuele productpagina's er aantrekkelijker uit en kunnen klanten snel prijsinformatie vinden.
Een geweldig BigCommerce webdesign is cruciaal voor het converteren van bezoekers naar kopers. Het helpt u uw merk te vestigen en vertrouwen op te bouwen. Het helpt klanten ook om een soepele winkelervaring te hebben gedurende de hele tijd dat ze op uw site zijn. Gebruik de bovenstaande ontwerptips van BigCommerce om uw eCommerce-winkel te verbeteren en zorg ervoor dat u onze BigCommerce-themaselectie bekijkt als u net begint met het instellen van online winkels. Veel succes!
Accentsconagua