Design voor Commerce

“Waat moet je allemaal rekening mee houden"

23%

Meer online verkopen

Commerce

Cijfers

45%

Meer online bezoeken

Mooie stijging

20%

Meer brochure aanvragen

belangrijke leads

Alleen al in de VS wordt verwacht dat de e-commerceverkopen tegen het einde van het jaar meer dan $ 434 miljard per jaar zullen bedragen; Naar verwachting zal de Europese omzet tegen die tijd ook bijna $ 250 miljard per jaar bereiken. 

PROUD COMMERCE WALL

Meedenkend vermogen.

E-commerce is big business en bestaat al lang. Hoewel e-commerce-sites ooit door veel internetgebruikers met argwaan werden behandeld, is het net zo gewoon geworden als het controleren van e-mail. Hoewel ik zeker weet dat er internetgebruikers zijn die nog nooit online hebben gekocht, worden ze elke dag zeldzamer.

Als ontwerper kunt u het zich niet veroorloven een goed e-commerceontwerp te negeren. Hieronder vindt u een uitgebreide handleiding voor het maken van geweldige e-commercesites,

Een van de grootste verschillen bij het benaderen van het ontwerpen van een e-commercesite is gebaseerd op of het een site met meerdere producten of een site met één product betreft. Een site die tonnen producten verkoopt, heeft heel andere behoeften dan een site die slechts één item verkoopt (of dat nu een fysiek of een virtueel product is).

Sites met één product zijn vaak een enkele pagina. Soms zijn ze opgemaakt als een brief (ik denk dat we daar allemaal bekend mee zijn, en hoewel ze vanuit het oogpunt van ontwerp niet de beste stijl zijn, werken ze in veel industrieën wel).

Andere sites met één product hebben meerdere pagina’s (met name voor duurdere en duurdere producten), maar zijn vanuit het oogpunt van informatiearchitectuur nog steeds relatief eenvoudig.

Sites die meerdere producten verkopen, hebben daarentegen vrijwel allemaal meerdere pagina’s. Hoeveel hangt grotendeels af van het aantal verkochte producten. Kleinere sites verkopen misschien maar een handjevol dingen en hebben daarom misschien maar een handjevol pagina’s. Andere sites kunnen duizenden (of tienduizenden of zelfs miljoenen) items verkopen, waardoor veel, veel meer pagina’s nodig zijn.

Overweeg zorgvuldig hoe de informatie op deze sites moet worden georganiseerd. Een site met duizenden pagina’s heeft aanzienlijk andere behoeften en systemen om alles consistent en georganiseerd te houden dan een site met slechts een paar pagina’s.

Hoewel het ontwerpproces voor een e-commerce-site niet erg verschilt van het proces voor een ander soort site, zijn er nog enkele extra dingen die u moet overwegen en uitzoeken voordat u daadwerkelijk ontwerpt en tijdens het hele proces tot (en na) de lancering .

Ten eerste, als het een gevestigde productlijn of winkel is, zullen er waarschijnlijk al veel ontwerpconstructies zijn. Ontdek vanaf het begin wat deze zijn.

Een ander ding om te overwegen is bestaande productfoto’s, en of er een budget is voor nieuwe. Als elke productfoto die u moet gebruiken een zeer minimalistische uitstraling heeft, werkt het ontwerpen van een zeer sierlijke site mogelijk niet (of kan het wat extra tijd kosten om te werken) en vice versa. Het is beter om er vanaf het begin achter te komen dan te wachten tot het ontwerp klaar is om alleen te worden voorzien van foto’s die vreselijk botsen (en daarom de producten zelf er slecht uit laten zien en de onderste regel pijn doen).

De verkooptrechter en het aantal pagina’s dat bestaat tussen de startpagina van de site en de laatste betaalpagina is ook een belangrijke overweging en moet vanaf het begin in kaart worden gebracht. Maar daarover later meer.

Er wordt veel gedaan aan het bouwen van een succesvolle online winkel, maar er zijn drie belangrijke elementen die elke site nodig heeft:

Betrouwbaarheid: elke e-commerce site die er is, moet een gevoel van vertrouwen opbouwen bij shoppers. Als een klant niet het gevoel heeft dat de site (en de verkoper door associatie) betrouwbaar is, zullen ze hun bedrijf ergens anders naartoe brengen.

Eenvoud en gebruiksgemak: een online winkel moet eenvoudig zijn in zijn manier van functioneren, zo niet in het ontwerp zelf. Op geen enkel moment mag uw klant zich afvragen wat hij vervolgens moet doen.

Transparantie: transparantie gaat hand in hand met betrouwbaarheid, maar het gaat verder. Transparantie betekent dat u ervoor moet zorgen dat zaken als contactgegevens en het beleid van de verkoper voor zaken als verzending en retouren gemakkelijk te vinden zijn. Het kan ook worden gekoppeld aan dingen zoals klantrecensies op de site en openlijk ingaan op kritiek die op de weg van de handelaar kan komen.

Zorg ervoor dat deze drie dingen zijn opgenomen in elke e-commercesite die u ontwerpt, samen met de volgende praktische tips.


Hier zijn enkele van de best practices die u in gedachten moet houden, de meeste zijn van toepassing ongeacht het type product dat u verkoopt.

Mensen willen de producten die ze kopen zien voordat ze een aankoop doen. En omdat online winkelen voorkomt dat ze persoonlijk kunnen zien wat ze kopen, hebben ze afbeeldingen nodig die hen zo dicht mogelijk bij dezelfde ervaring bieden.

Dat betekent dat er vanuit elke mogelijke hoek foto’s moeten zijn en dat die foto’s groot (en bij voorkeur zoombaar) moeten zijn. Er zijn een paar manieren om met zoomen op afbeeldingen om te gaan, maar de standaard is in feite een vergrootglas over het beeld geworden, waarbij het ingezoomde beeld aan de zijkant of direct boven het hoofdbeeld wordt weergegeven.

Zorg er als ontwerper voor dat u productpagina’s zo ontwerpt dat veel afbeeldingen kunnen worden weergegeven.

Wat als u een virtueel product verkoopt? Hoe ga je om met foto’s? Screenshots zijn over het algemeen uw beste gok, en nogmaals: veel van hen. Mensen willen weten wat ze kopen voordat ze kopen. Verlies dat nooit uit het oog.

De ModCloth-site bevat bijvoorbeeld over het algemeen 4-6 afbeeldingen van hun kleding en soms zelfs video. De afbeeldingen zijn niet enorm, maar ze hebben wel een zoomfunctie voor een betere weergave.

Heb je ooit gemerkt hoe Amazon weergeeft hoeveel van een item op voorraad zijn? Het is omdat schaarste mensen dwingt om te kopen. Als iemand op het punt staat een product te kopen, maar ze zijn bang dat het uitverkocht zal zijn voordat ze een beslissing nemen, dan kunnen ze gewoon doorgaan en het kopen om te voorkomen dat het misloopt. Vooral als het een deal is.

Tenzij u slechts één product verkoopt, moet elke productpagina links naar andere, gerelateerde producten bevatten. Jurken verkopen? Neem links op naar bijpassende schoenen, handtas of andere accessoires.

Deze moeten een prominente plek op de pagina krijgen en vanaf het begin in het ontwerp worden geïntegreerd, in plaats van aan het einde.

Functies voor het delen van sociale media moeten ook een prominent onderdeel van uw productpagina-ontwerp worden. Mond-tot-mondreclame is een krachtige advertentie en het gemakkelijk maken voor klanten om hun aankoop (of in afwachting van aankoop) te delen, is een waardevolle manier om in wezen gratis reclame te krijgen.

Zorg ervoor dat u deelknoppen op de productpagina’s integreert, evenals nadat de bezoeker zijn aankoop heeft gedaan.


Een oplossing hier is om een mini-beschrijving of samenvatting naast het product te gebruiken (en in de buurt van de knop “toevoegen aan winkelwagentje” of een andere call-to-action-knop), terwijl een langere beschrijving verderop op de productpagina wordt opgenomen. Een andere optie is om een “lees meer” link te gebruiken die ofwel een modaal venster opent om de volledige beschrijving te onthullen of deze in-pagina onthult, andere inhoud naar beneden verplaatst (of een kleinere scrollende sectie maakt). Houd rekening met mobiele bruikbaarheid bij het ontwerpen van deze dingen.

Proud Nerds en Design

Proud Nerds heeft haar eigen Commerce design afdeling die met alle aspecten van Commerce design rekening houdt. 

Dit is mede de reden waarom wij een uitgebreide flow kunnen geven wat je moet doen om succesvol design te kunnen inzetten binnen Commerce.

Kennissessie

Kom kennismaken

Proud Nerds commerce experts overleg

Tijdens een eerste klantsessie trekken we ruim de tijd uit om het hele proces met u als klant te bespreken. Of daar nu 2 of 4 uur voor nodig is. Bij wijze verslag van dit gesprek ontvangt u van ons in begrijpelijke taal de ‘what’ binnen de why, how, what circle, het leidende model voor al uw marketingcommunicatie-projecten

 Als het nodig is, plannen we een tweede sessie in. Na een A&R (ureninschatting) en functioneel ontwerp gaan we niet voor u, maar mét u aan de slag. Natuurlijk, wij voeren uiteindelijk het werk uit waarvoor u ons inschakelt, maar wel altijd in samenspraak met u.

agile werken met Proud Nerds
Waarom Commerce design belangrijk is voor goede verkoopcijfers

Het design van de websop is het eerste wat mensen zien en geeft eigenlijk het gevoel weer wat je normaal in een winkel ook zou hebben. 

Mocht je niks kunnen vinden, of erg druk zijn, in een winkel ben je snel weer weg. Online is dit niet anders. 

Geen zoekfunctie, een langzame webshop of geen duidelijk informatie zorgen ervoor dat de bezoeker snel zal afhaken. 

Wij van PROUD NERDS denken graag mee aan de oplossing voor hoge online verkoopcijfers.

Het betaalproces moet snel en gemakkelijk zijn. Idealiter zou u een enkele pagina hebben waarmee kopers kunnen bekijken wat er in hun winkelwagentje zit en hun factuur- en verzendinformatie invoeren, met een extra pagina om hun bestelling te bevestigen voordat ze deze plaatsen.

Sommige sites maken een langere afrekentrechter, met een pagina om de winkelwagen te bekijken, een pagina om verzendinformatie in te voeren, een pagina om factuurgegevens in te voeren, een plaats om de bestelling te bekijken en een extra pagina om te bevestigen voordat u de definitieve bestelling plaatst. Een lang en ingewikkeld betalingsproces kan klanten afschrikken en ervoor zorgen dat ze hun winkelwagentje verlaten.

Een pagina die u echter niet mag overslaan, is een pagina waarop klanten hun hele bestelling kunnen controleren voordat ze de bestelling voltooien en plaatsen. Klanten zijn gewend aan deze stap en kunnen meer aarzelen als ze geen definitieve pagina hebben om te controleren voordat ze de bestelling plaatsen.

 
Het vereisen van een account om een aankoop te doen is over het algemeen een slecht idee. Er zijn natuurlijk uitzonderingen (zoals of er voortdurende ondersteuning is inbegrepen bij de aankoop), maar in het algemeen is het gewoon een belemmering voor het doen van een aankoop.

In plaats van klanten te vragen om zich vóór hun aankoop aan te melden voor een account, geeft u hen de optie aan het einde, nadat hun aankoop is voltooid. En als een account absoluut noodzakelijk is, integreer de aanmelding met een van de andere pagina’s in uw betalingsproces, zoals de pagina met factuur- of verzendinformatie.

De verkooptrechter is een van de belangrijkste ontwerpoverwegingen voor elke e-commercesite. De trechter bestaat meestal uit een startpagina, een pagina met zoekresultaten (of blader- / categoriepagina) gevuld met producten, individuele productpagina’s en het betalingsproces.

Het doel van de trechter is om kopers van het ene deel van de site naar het volgende te leiden, dichter bij het punt van het voltooien van de verkoop.

Er zijn een aantal verschillende manieren om de verkooptrechter te maken en deze is grotendeels afhankelijk van het type product dat u verkoopt en de verkoopprijs (een hogere prijs vereist mogelijk meer coaxing).

Een techniek die bijzonder effectief kan zijn op een site met één product, is om bezoekers de gewoonte te geven door te klikken naar de volgende stap, in de verkooptrechter. Dus in plaats van een lange pagina die het product beschrijft, heeft u een reeks kortere pagina’s waar de gebruiker doorheen klikt, die rechtstreeks naar het betalingsproces leidt. Het ontwikkelt een gewoonte voor de gebruiker om door te klikken naar de volgende stap, waarbij eventuele psychologische barrières worden verlaagd.

De oproep tot actie op elke e-commercesite is absoluut een van de belangrijkste elementen van het ontwerp. Zonder een effectieve oproep tot actie zullen uw verkopen ernstig lijden.

Nu zijn er twee soorten oproepen tot actie die u waarschijnlijk zult vinden, afhankelijk van het soort site dat het is. E-commercesites die meerdere producten verkopen, hebben op elke productpagina een call-to-action en mogelijk een call-to-action voor elk product in zoekresultaten of bladerpagina’s.

In beide gevallen bevatten de meeste terminologie zoals “toevoegen aan winkelwagentje”. Af en toe vindt u een oproep tot actie die in plaats daarvan iets zegt als “Nu kopen”.

E-commercesites die een enkel product verkopen, kunnen meer dan één oproep tot actie op de site hebben, vaak met één op elke pagina (of meerdere op verschillende plaatsen op een lange site met één pagina).

Er zijn over het algemeen twee manieren om op een e-commercesite te navigeren: menu’s en zoeken. Menu’s bevatten vaak vervolgkeuzelijsten met submenu-items, afhankelijk van de grootte van de site en hoeveel verschillende soorten producten ze verkopen.

Hoewel veel sites eenvoudig zoeken bevatten, hebben e-commercesites in de meeste gevallen gedetailleerdere zoek- en filteropties nodig.

Klantervaringen

Wat zeggen onze klanten over onze dienstverlening

Maarten Bos

Maarten Bos

Prominent
"De programmeurs van Proud Nerds weten als geen ander de vertaling naar commerce te verwezenlijken."
Jesper Knutson

Jesper Knutson

Crown Student
"With a broad technical know-how, responsive and committed, they always deliver a first-class product beyond the ordinary."
"Developers pur sang. Binnen de headless oplossingen weten ze hun weg perfect te vinden."

Wij houden van Awards

Met ze allen zetten wij ons dagelijks in voor kwaliteit en deze is al meerdere malen beloond.

MAGENTO INNOVATION AWARD

‘PROUD NEXT heeft een bijzonder, innovatief concept neergezet met een toepassing die erg interessant is voor de business-to-businessmarkt.”

NOMINATIE INNOVATION LAS VEGAS

PROUD NEXT is genomineerd vanwege de rijk uitgeruste configurator die het bedrijf bouwde voor Dorel Juvenille.

MEERDERE FD GAZELLE EN FAST50

Het snelgroeiende e-commerce bureau PROUD NEXT uit Nijmegen en Amsterdam heeft de prestigieuze titel FD Gazelle toegekend gekregen van het Financieele Dagblad.

Maak een afspraak en reis mee

Wij plannen graag een FULL EXPERIENCE in voor jullie e-Commerce journey









Bekijk wat van onze cases

Wij laten graag zien waar we ontzettend goed in zijn.