Inspiratie online winkels waar producten vooraan en centraal worden geplaatst

In deze inspiratie-verzameling heb ik voorbeelden van eCommerce-ontwerpen verzameld, waarin wordt getoond hoe zij hun producten richten op betere ervaringen.

Verleidelijke inhoud

Om ervoor te zorgen dat iedereen zijn tijd op een website kan gebruiken, moet de inhoud aan hun behoeften voldoen. Als dat eenmaal is vastgelegd, is het tijd om de inhoud aantrekkelijk te maken. Dit is het gemakkelijkst om aan te tonen en te herkennen bij het omgaan met foto's.  

Neem de kunstafdrukken van Juniqe. Terwijl u door hun producten scrolt, zijn de afbeeldingen dat wel heel gericht. Afbeeldingen worden op een schone manier gepresenteerd met een witte rand voor elk item. Hierdoor kunnen de producten voor zichzelf spreken. De prints zijn vriendelijk en super kleurrijk. Dit is een manier om verleidelijke content te laten zien.

https://www.juniqe.com/wall-art/prints

Een andere site met geweldige inhoud is die van een kunstenaar Jason Ratliff. Op zijn homepage heeft hij zijn kunst op type geordend. Terwijl u scrolt, passeren de verschillende soorten illustraties u en vangen uw blik. Dit effect zou niet hetzelfde zijn als de verschillende collecties door elkaar en in één keer werden weergegeven. Dit is belangrijk omdat het de inhoud in staat stelt om één voor één een indruk op de gebruiker te maken.

http://www.jason-ratliff.com

Ga naar het punt

Soms is het het beste "niet om de hoek te slaan" om een ​​emotionele band te creëren met de bezoeker.

Laten we "lookbook" van J.Hannah bekijken. Wat ik leuk vind aan het lookbook is hoe to-the-point het is. Binnen de foto's van de sieraden is er weinig visuele rommel. Er zijn geen uitgebreide scènes of modellen die zich ergens voordoen en die elk "ding" doen. Het is een eenvoudige weergave van de sieraden op een persoon. De kleuren zijn goed samengesteld om te pronken met de gouden tinten. Ik kan het product zien, daarom kan ik me voorstellen het zelf te dragen. Het is niet nodig om de setting waarin de sieraden worden getoond te verfraaien.

https://jhannahjewelry.com/blogs/lookbook/glace

Bruikbare informatie

Een ander ding dat zorgt voor een geweldige ervaring is het giswerk wegnemen van gerelateerde informatie, zoals gratis verzending of verkopen die gaande zijn. Nogmaals, u hoeft de inhoud niet te verfraaien om deze effectief te maken. Maak het voor uw potentiële koper duidelijk dat gratis verzending beschikbaar is en ga verder. Gratis verzending is misschien (in het beste geval) een secundaire reden voor hun bezoek aan uw website, ze zijn vooral op zoek om iets te kopen, en zij weten dat u gratis verzending heeft, mag hun oorspronkelijke doel niet overschaduwen.

Een goed voorbeeld van alle tips die ik tot nu toe heb genoemd, is de startpagina van Ward Whillas. Het eerste dat je ziet is een foto van een model, de foto is overzichtelijk en komt meteen ter zake. De fotografie is prachtig waardoor ik enthousiast en geïntrigeerd ben. Ten slotte hebben ze onderaan links een klein zwart label om hun potentiële klanten te laten weten dat ze gratis verzending in de VS aanbieden. Het is geen gigantische flitsende banner, die de ervaring van deze startpagina veel aangenamer maakt.

http://www.wardwhillas.com

Ik ben een WooCommerce-thema tegengekomen dat dit ook heel goed doet. Zoals je in het ontwerp kunt zien, zijn er twee blokelementen die 'Gratis verzending' en 'Gratis retouren' zeggen. Ze zijn direct, maar passen in de esthetiek van het algehele ontwerp. 

https://themeforest.net/item/delphinus-creative-multipurpose-woocommerce-theme

Verkopen met foto's

Het is moeilijk om iets online te verkopen met slechte visuals. Een van de redenen waarom afbeeldingen steeds groter worden in webontwerp is omdat we beelden inherent begrijpen; we kunnen contact met hen opnemen en ze snel cognitief verwerken.

Laten we bijvoorbeeld de portefeuille van Isabel Urbina Peña nemen. Op haar homepage toont ze de boekomslagen die ze heeft ontworpen. Ze had een foto van het boek kunnen maken tegen een eenvoudige achtergrond, iets wits voor de duidelijkheid, en noemde het een dag. Maar dat is niet interessant. Dat is normaal. In plaats daarvan ontwierp Isabel de hero shots om haar creativiteit verder te laten zien en om de ontwerpen van de boeken te accentueren. Het grafische aspect van deze hero shots is prachtig, ze helpen het verhaal van het boek verder te vertellen, ze helpen de gebruiker erin te tekenen. 

http://www.isabelurbinapena.com

De website van Tian gebruikt een vergelijkbaar effect. Het eerste dat je ziet wanneer je op de startpagina terechtkomt, is een eenvoudige foto van een model dat met een sjaal speelt. De foto's zijn op verschillende manieren mooi. Ten eerste is alles wat je ziet het model en haar sjaal, dus het is gemakkelijk om je op haar te concentreren. De sjaal stroomt en is kleurrijk, wat de aantrekkingskracht nog meer versterkt. Ten slotte is er één CTA in de rechterbovenhoek, waardoor de volgende stap duidelijk wordt, maar de weergave van de foto niet wordt weggenomen. 

http://www.tianstudios.com

Ik heb een ander thema gevonden dat producten zeer goed weergeeft. Deze heet Averly. In de onderstaande schermafbeelding kunt u zien dat foto's op twee verschillende manieren worden gebruikt. Ten eerste is het om het product te benadrukken, zoals een hoed of een jeansbroek. Vervolgens presenteert het het product in een echt scenario door middel van een foto van een meisje in een jeanshort in een straat. Het is relatable voor consumenten. U kunt beide soorten foto's duidelijk waarderen, een waarmee u zich op het product kunt concentreren en een die u het leven laat zien zodra u het product bezit.

https://themeforest.net/item/averly-a-hip-creative-multipurpose-theme/15888311

Consistentie in ontwerp is essentieel

Inconsistentie binnen het ontwerp kan de ervaring van een gebruiker belemmeren. Wanneer een gebruiker een inconsistentie opmerkt, verhoogt dit op subliminale wijze rode vlaggen, waardoor de gebruiker op ongewenste gedachtes wordt gezet. U wilt dat de gebruiker zich concentreert op het doen van een aankoop en niet opmerkt dat er iets niet klopt. Het lijkt misschien triviaal, maar inconsistenties leiden af.

Kant is een ander thema met een spectaculair en consistent ontwerp. Het is overal vet en zeer aangenaam voor het oog. Het is gemakkelijk te navigeren en heeft echt een goede doorstroming, dankzij de schone gebruikersinterface. De productpagina is, eerlijk gezegd, erg mooi. Het hele thema is.

https://themeforest.net/item/kant-a-multipurpose-template-for-startups-and-freelancers/16760116

Afsluiten

Ik hoop dat je hebt genoten van mijn verzameling fantastische eCommerce-pagina's die hun producten centraal stellen. Ik hoop dat deze voorbeelden u hebben geïnspireerd om uw eigen productgerichte eCommerce-ontwerpen te maken!