Progressieve web-app-e-commercevoorbeelden om uw eigen voorbeelden te inspireren

De droom van alle e-retailers is om de time-to-value te vergroten en tegelijkertijd de totale eigendomskosten laag te houden. En als u op deze pagina bent beland, weet u waarschijnlijk al dat PWA-e-commerce een grote aanwinst is.

Voor degenen die het concept niet kennen: a Progressieve web-app (PWA) is een soort applicatiesoftware die de beste mobiele app-ervaring biedt en in een browser werkt. Het is toegankelijk op alle apparaten, past zich gemakkelijk aan alle schermformaten aan en laadt razendsnel. Bovendien zijn de ontwikkelingskosten voor een PWA-app 75% lager dan die van een native app (en we zullen in een minuut uitleggen waarom). 

Bij Elogic lopen we de afgelopen tien jaar voorop op het gebied van de nieuwste PWA-ontwikkelingen. En we zijn klaar om alle voordelen van PWA te laten zien en u enkele beste PWA-e-commercevoorbeelden te laten zien die u voor uw eigen winkel kunt volgen. Laten we er meteen in duiken!

Voordelen van PWA voor e-commerce

De schoonheid van PWA ligt in de architectuur. Het biedt de look en feel van een mobiele app, maar is nog steeds verbonden met de back-end van uw e-commercewebsite. Dit laatste betekent dat uw PWA vindbaar is door zoekmachines, in alle bekende browsers functioneert en dankzij website caching zelfs offline kan werken. 

Dit is de reden waarom e-commercewebsites de PWA-technologie omarmen:

1. App-achtige gebruikerservaring (UX). 

PWA behoudt een aantal geweldige native app UX-functies op allerlei soorten apparaten, of het nu een mobiel of een tablet is. Het kan pushmeldingen verzenden, geolocatie volgen en communiceren met gebruikers die toegang hebben tot camera's, sensoren, Bluetooth en andere apparaatfuncties.

2. Hoge laadsnelheid. 

De laadsnelheid van e-commerce PWA's is belachelijk snel dankzij webcaching en weinig opslagruimte. Omdat PWA's apps met één pagina zijn, wordt alles geladen zodra de eerste pagina wordt geladen, zodat elke volgende paginaweergave sneller zal zijn dan de eerste. Even ter vergelijking: gemiddeld duurt de homepage van een retailer 2.6 seconden om voor de eerste keer te laden, maar bij de volgende laadbeurt zal dit naar slechts 0.6 seconden gaan.

3. Geen installatie nodig. 

Een PWA kan rechtstreeks vanaf uw e-commerce website worden geïnstalleerd. Vergeet PlayMarket of App Store - uw e-commerce PWA wordt met één klik toegevoegd aan het startscherm van het apparaat van de gebruiker.

4. Offline-ondersteuning.

Progressive Web Apps e-commerce kan buiten het netwerk opereren. De app maakt gebruik van gegevens die zijn opgeslagen tijdens de laatste interacties van de gebruikers, zodat uw klanten nog steeds door uw catalogus kunnen bladeren en zelfs met de app kunnen communiceren.

5. Kosteneffectieve ontwikkeling. 

De gemiddelde kosten voor PWA-ontwikkeling en onderhoud is ongeveer hetzelfde als voor de native app. Maar de truc is dat je ze één keer betaalt. Dus in plaats van te investeren in native app-ontwikkeling, plus een mobiel-responsieve website, plus een desktopversie, geeft u geld uit aan een enkele PWA-storefront die op alle apparaten gelijk werkt.

10 PWA-e-commercevoorbeelden om inspiratie uit te halen

PWA en e-commerce zijn ongetwijfeld een match made in Heaven. In combinatie met het juiste e-commerceplatform zal een PWA u meer verkeer opleveren dan u misschien had gedroomd en uw conversiepercentages verhogen. Net zoals het deed met een aantal wereldberoemde e-commercemerken!

Hier zijn tien e-commerce PWA-voorbeelden die u zullen overtuigen om nu in deze baanbrekende technologie te investeren. Gebruik ze als referentie voor de PWA-bedrijfsbehoefte en verwachte prestaties.

Alibaba

Zakelijke behoefte aan PWA: creëer boeiende mobiele ervaringen.

Alibaba.com is een van de grootste online B2B-bedrijven die actief zijn in meer dan 200 verschillende landen. De wereldwijde retailer gebruikt nu een Progressive Web App-e-commerce als primair kanaal voor merkontdekking op mobiel. Het allerbelangrijkste was dat Alibaba PWA twee doelgroepsegmenten overbrugde – native app-gebruikers en mobiele-app-shoppers – en uiteindelijk leveranciers en klanten op één marktplaatsplatform met elkaar in contact bracht. 

Resultaten van PWA-implementatie op Alibaba:

• 155.6 miljoen maandelijks verkeer
• 76% hogere conversies in alle browsers 
• 14% meer maandelijks actieve gebruikers op iOS en 30% op Android
• 30% op Android 4X hogere interactiesnelheid van Toevoegen aan startscherm

AliExpress

Zakelijke behoefte aan PWA: bouw geweldige mobiele winkelervaringen.

AliExpress is een van de toonaangevende wereldwijde marktplaatsen, waar alles wordt verkocht, van dierenvoeding tot elektronica, en de producten rechtstreeks vanuit China worden geleverd. Het merk opereert onder het motto “Slimmer winkelen, beter leven!”, waardoor PWA e-commerce onmisbaar is geweest voor de groeistrategie van het bedrijf. Net als Alibaba bracht AliExpress het beste van de native app en de webpagina om tegemoet te komen aan de grillen en behoeften van hun doelgroepsegmenten.

Resultaten van PWA e-commerce voor AliExpress:

• 666.5 miljoen maandelijks verkeer
• 104% meer nieuwe gebruikers en 2x meer bekeken pagina's per sessie in alle browsers; 
• 82% toename in iOS-conversieratio
•  74% meer tijd besteed per sessie in alle browsers.

George. com

Zakelijke behoefte aan PWA: de bestaande mobiele oplossing verbeteren met meer geavanceerde technologieën. 

George.com is een in het Verenigd Koninkrijk gevestigd kledingmerk, momenteel onderdeel van ASDA Walmart. Het merk bezit meer dan 580 winkels in Europa en bedient meer dan 2 miljoen klanten per week. Hun Progressive Web App e-commerce-ervaring begon met de noodzaak om de bestaande mobiele oplossing te vernieuwen en het aanbod voor hun klanten te verbeteren.

Resultaten van PWA e-commerce voor George. com:

• 3.8x snellere gemiddelde laadtijd van pagina's
• 2x verlaging van het bouncepercentage
• 31% toename in mobiele conversies
• 20% meer paginaweergaven per bezoek
• 28% langere gemiddelde tijd ter plaatse voor bezoeken vanaf het startscherm

Flipkart

Zakelijke behoefte aan PWA: pas een app-only-strategie toe om de gebruikerservaring te verbeteren.

Flipkart is een nummer één e-commerce website in India die allerlei producten op zijn marktplaats aanbiedt. Aanvankelijk richtte het bedrijf zich alleen op online boeken verkopen. Uiteindelijk breidde Flipkart zijn activiteiten uit en betrad het meer e-commercesectoren, waaronder schoonheidsproducten, elektronica, kleding, enz. In 2015 had Flipkart moeite om een ​​boeiende webervaring te bieden op zijn bestaande mobiele app. Een PWA verving deze, waardoor een winkel snel kon functioneren, offline kon werken en meer klanten kon werven. 

Resultaten van PWA e-commerce voor Flipkart:

• 3x meer tijd ter plaatse
• 40% hoger herbetrokkenheidspercentage
• 70% hogere conversieratio onder degenen die aankomen via Toevoegen aan startscherm
• 3x lager dataverbruik

Lancôme

Zakelijke behoefte aan PWA: stimuleer het verkeer en de re-engagementpercentages.

Lancôme is een Frans luxe parfum- en cosmeticahuis dat eigendom is van L'Oréal. Lage mobiele conversiepercentages hebben het merk ertoe aangezet om Progressive Web App e-commerce te proberen. De nieuwe winkel werd gelanceerd in oktober 2016 en maakte Lancôme tot een van de pioniers op het gebied van PWA-ontwikkeling voor de detailhandel. Met de hulp van servicemedewerkers slaagde het bedrijf erin betrouwbare prestaties te leveren op onstabiele netwerken en pushmeldingen in te stellen voor hernieuwde betrokkenheid. 

Resultaten van PWA e-commerce voor Lancôme:

• 74.3K maandelijks verkeer
• 84% afname van de laadtijd van de pagina
• 17% meer conversies
• 53% toename in mobiele sessies op iOS
• 8% toename in conversiepercentages op herstelde winkelwagentjes via pushmeldingen

Eleganza

Zakelijke behoefte aan PWA: transformeer de mobiele winkelervaring door de serverbelasting tijdens de verkoop te verminderen en een toekomstbestendige look & feel van de winkel te krijgen.

Eleganza is een high-end fashion retailer gevestigd in Nederland en verkoopt premium merken zoals Versace, Michael Kors, Valentino, etc. De retailer profiteerde van zijn Magento 2-migratie project en implementeerde een PWA als een van de winkelpuien. Later als Guus van der Staak, eCommerce manager bij Eleganza commentaarHet merk heeft onmiddellijke voordelen gezien in hun investering in PWA en hoopt dat het hen de komende jaren in de voorhoede van de modemarkt zal houden.

Resultaten van PWA e-commerce voor Eleganza:

• 76% meer pagina's per sessie
• 23% snellere gemiddelde laadtijd van pagina's
• 372% snellere gemiddelde serverreactietijd

Het whiskyvat

Zakelijke behoefte aan PWA: verhoog de mobiele winkelervaring en verminder de serverbelasting.

The Whiskey Barrel is een Schotse whiskyspecialist die bekend staat om hun exclusieve botteling en de kwaliteit van hun blended whisky. Het merk heeft hun enthousiasme over de hele wereld veroverd met opmerkelijk succes; toch voldeed hun vorige native app niet aan de kwaliteit van de producten. Een vooruitstrevende webapp-e-commerce was een drastische maar logische stap in het succesverhaal van The Whiskey Barrel. Een strak app-ontwerp met geoptimaliseerde gebruikersnavigatie en sitestructuur zorgde voor meer verkeer naar de site en maakte producten gemakkelijker vindbaar.

Resultaten van PWA e-commerce voor Het whiskyvat:

• 27% meer organische vertoningen
• 44% meer klikken
• 84% toename in vuurtorenprestaties
• 88% afname in serverresponstijd

OLX

Zakelijke behoefte aan PWA: versnel de mobiele app-ervaring.

OLX is nog een ander wereldwijd netwerk van marktplaatsen die momenteel aanwezig zijn in meer dan 30 landen. De klanten kopen tweedehands spullen meestal tegen lagere kosten en kunnen via chat onderhandelen over prijzen. Blijkbaar vertrouwt OLX sterk op een meeslepende mobiele ervaring, wat in het begin nogal teleurstellend was. Een PWA voor e-commerce bleek een echte game-changer voor OLX te zijn, waarbij een aantal essentiële e-commerce-statistieken voor het merk en de websitesnelheid werden verbeterd.

Resultaten van PWA e-commerce voor OLX:

• 23% minder tijd totdat de pagina interactief is
• 80% lagere bouncepercentages
• 146% hogere CTR op advertenties
• 250% meer herbetrokkenheid

Jumia

Zakelijke behoefte aan PWA: betrek gebruikers op mobiel ondanks onvoldoende internetverbinding.

Jumia is een toonaangevende e-commercemarktplaats in Afrika. Het merk kampte met het probleem van de slechte internetconnectiviteit in de regio: de meeste mobiele verbindingen waren gebaseerd op 2G, waardoor het vrijwel onmogelijk was om klanten aan te moedigen om te winkelen. Dankzij de offline beschikbaarheidsfunctie slaagde PWA erin de beperkingen te omzeilen en de klantervaring voor de markt te verbeteren. 

Resultaten van PWA e-commerce voor Jumia:

• 33% hogere conversieratio
• 50% lager bouncepercentage
• 12x meer gebruikers versus native apps (op zowel Android als IOS)
• 5x minder dataverbruik en 25x minder apparaatopslag vereist

5 mijl

Zakelijke behoefte aan PWA: bied een kosteneffectieve maar snelle en boeiende mobiele winkelervaring.

5miles is een in Dallas gevestigde startup met een R&D-centrum in Beijing, opererend onder het motto "Verkoop wat je hebt en koop wat je wilt!". De marktplaats biedt inderdaad een ruime keuze aan producten, van meubels tot diamanten ringen, dus het is belangrijk voor het merk om de klanten betrokken te houden. Een PWA was een oplossing voor het al lang bestaande probleem van 5miles van hoge bouncepercentages, lage retentiepercentages en kostbaar native app-onderhoud. 

Resultaten van PWA e-commerce voor 5 mijl:

•  50% daling in bouncepercentages
•  30% toename van de tijd die op de site wordt doorgebracht
•  30% betere conversie voor gebruikers die zijn aangekomen via Toevoegen aan startscherm

Waarom topwinkelbedrijven kiezen voor progressieve webapplicaties

Wat uw zakelijke behoefte aan PWA voor e-commerce ook is, u kunt er zeker van zijn dat het uw verwachtingen op het gebied van snelheid en prestaties zal overtreffen. U zult profiteren van de vele voordelen van:

• — Verbeterde prestaties en hogere conversiepercentages
• — Boeiende gebruikerservaring en hogere conversiepercentages
• — Minder datagebruik en betere SEO rankings
• - Naadloos offline werken en geen updatebeperkingen
• — Eenvoudige ontwikkeling en lagere ontwikkelingskosten

Kortom: een PWA heeft meerdere voordelen voor retailers. Cijfers liegen niet. We hebben veel wereldwijde merken genoemd die enorm succes boekten door een PWA in te voeren. In de huidige competitieve wereld bewijzen de beste voorbeelden van PWA-e-commerce dat digitale diensten op een eenvoudigere en boeiendere manier aan klanten kunnen worden aangeboden, wat zowel conversies als SEO-succes stimuleert.

Bron: https://elogic.co/blog/best-examples-of-progressive-web-apps-pwa-in-retail-and-ecommerce/