1. Trivago

Als een van 's werelds toonaangevende hotelzoekmachines heeft Trivago een lange geschiedenis van innovatie. Opgericht in Duitsland in 2005, is het merk sindsdien uitgegroeid tot meer dan 1000 werknemers.

Toen Trivago zich voor het eerst bewust werd van Progressive Web Apps, werden ze in eerste instantie afgeschrikt van het nastreven van de technologie vanwege een vermeend onvermogen om effectieve A/B-tests uit te voeren op gebruikers met onderbroken mobiele verbindingen. Met de development van de Background Sync API werd dit probleem echter opgelost en een klein team van ontwikkelaars begon samen met een ontwerper te werken aan de implementatie van de eerste stukken PWA-functionaliteit.

In plaats van de volledige functieset in één release uit te bouwen, richtte Trivago zich eerst op offline toegang, pushnotificaties en toevoegen aan het startscherm, omdat ze geloofden dat dit de functies zouden zijn die het meest waardevol zouden zijn voor hun gebruikers.

Trivago's PWA-geëvolueerde website is nu beschikbaar in 33 talen en 55 landen. De acceptatie van de nieuwe functionaliteit is indrukwekkend. Meer dan een half miljoen mensen hebben de Trivago site toegevoegd aan hun startscherm. Betrokkenheid, voor gebruikers die toevoegen aan het startscherm, is gestegen met 150%. Van een gemiddelde van slechts 0,8 herhaalde bezoeken voor gebruikers van de oude mobiele site naar twee bezoeken voor gebruikers van de PWA. Voorafgaand aan de nieuwe, geëvolueerde site, was Trivago's enige middel om gebruikers opnieuw te betrekken via e-mail. Echter, met push-melding inschrijvingen nu overschaduwd e-mail abonnementen, het merk heeft nu een waardevolle nieuwe manier van bereik. Al deze verbeterde betrokkenheid heeft op zijn beurt geleid tot verbeteringen in de conversie, met een stijging van 97% in het klikken op hotelaanbiedingen voor gebruikers van de PWA.

Lees de volledige casestudy hier.

2.Lancôme

Om zowel traffic als re-engagement te stimuleren, lanceerde luxe cosmeticamerk Lancôme een Progressive Web App (PWA) om een snelle, app-achtige ervaring te bieden op het mobiele web.

Lancôme zag het mobiele verkeer in 2016 voor het eerst het desktopverkeer overschaduwen. Ondanks een groeiend aantal mobiele websitebezoekers, kwamen de mobiele conversiepercentages niet overeen met die voor desktop. Terwijl 38% van de winkelwagentjes leidde tot bestellingen op desktop, was het mobiele webconversieratio slechts 15%.

Uit dit verschil bleek dat consumenten aanzienlijke obstakels ondervonden bij het doen van mobiele aankopen. Toen het mobiele web een belangrijk aandachtsgebied werd, worstelde Lancôme met het bouwen van een snelle en aantrekkelijke ervaring voor hun mobiele web shoppers.

In plaats van hun onderliggende site minimaal bij te werken, keek Lancôme naar PWA-technologieën om een meeslepende, app-achtige ervaring te bieden. Ze maakten gebruik van service workers voor betrouwbare prestaties op onstabiele netwerken en pushnotificaties voor re-engagement.

Met de nieuwe PWA daalde de tijd tot de pagina interactief is met 84%, vergeleken met hun vorige mobiele ervaring, met een overeenkomstige daling van 15% in bounce rates. Lancôme zag hun mobiele sessies met meer dan 50% stijgen en de conversies met 17%. De nieuwe strategie zorgde ook voor een veel betere gebruikerservaring op alle platforms. iOS is uiterst belangrijk voor Lancôme - 65% van alle gebruikers die op hun PWA landen, gebruikt een iPhone. Met hun nieuwe PWA zag Lancôme de sessieduur met 53% toenemen en het bouncepercentage onder iPhone-gebruikers met 10% dalen.

Lancôme maakte ook gebruik van re-engagement technologieën, zoals pushnotificaties, die erg populair werden bij gebruikers. Meldingen zien er hetzelfde uit als die van native apps en komen zelfs aan als de browser niet meer actief is.

Lancôme stuurt vier of vijf meldingen per maand voor exclusieve promoties en productreleases. 8% van de consumenten die op een pushmelding tikken, doet een aankoop. Dit is veel hoger dan het conversiepercentage op de desktopwebsite. Lancôme heeft ook veel succes met het gebruik van pushnotificaties om opnieuw contact te leggen met shoppers die hun winkelmandje hebben achtergelaten. De nieuwe strategie heeft een open rate van 18% op mobiel opgeleverd en de conversie van achtergelaten winkelwagens is met 8% gestegen.

Lees de volledige casestudy hier.

3. Uber

Nu Uber uitbreidt naar nieuwe markten, worstelen ze met de vraag of alle gebruikers snel een rit kunnen aanvragen, ongeacht locatie, netwerksnelheid en apparaat. Progressive Web Apps waren voor Uber de oplossing voor hun probleem. Ze besloten de webclient van de grond af opnieuw op te bouwen als levensvatbaar alternatief voor de native mobiele app.

m.uber is compatibel met alle moderne browsers en biedt een app-achtige ervaring voor rijders op low-end apparaten, inclusief apparaten die niet worden ondersteund door de native client. De web app is super klein. De kern van de ritaanvraag-app bedraagt slechts 50 kB, waardoor de app zelfs op 2G-netwerken snel wordt geladen. In cijfers betekent dit een interactietijd van drie seconden op typische 2G-netwerken (250kB/s, 300ms latency).

En dat maakte Progressive Web Apps de sleutel tot uitbreiding op nieuwe markten voor Uber.

Lees de volledige casestudy hier

4.Tinder

Tinder heeft recentelijk rechtsaf geslagen op het web. Hun nieuwe responsive Progressive Web App, Tinder Online, is beschikbaar voor 100% van de gebruikers op desktop en mobiel. Met behulp van volledige PWA-technieken hebben ze geweldige prestatieoptimalisatie, netwerkbestendigheid en pushnotificaties voor chatbetrokkenheid bereikt.

De MVP voor de PWA duurde 3 maanden om te implementeren met React als hun UI-bibliotheek en Redux voor statusbeheer. Het resultaat van hun inspanningen is een PWA die de kernervaring van Tinder levert in 10% van de data-investeringskosten voor iemand in een data-kostbare of data-schaarse markt.

De eerste tekenen wijzen op goed swipen, berichtenverkeer en sessielengte in vergelijking met de native app. Met de PWA:

Gebruikers swipen meer op het web dan in hun native apps

Er werden meer berichten op het web verstuurd dan in hun native apps

Gebruikers kopen op gelijke voet met native apps

Meer profielen werden bewerkt op het web dan in hun native apps

Sessietijden zijn langer op het web dan in hun native apps

Lees hier een volledige casestudy