--- title: 'Trouw, Volkskrant en Parool | De Voorhoede' description: Eén app strategie voor meerdere merken language: Dutch url: 'https://voorhoe.de/nl/cases/trouw/' --- Case study # Trouw, Volkskrant en Parool ## Case samenvatting ### Expertises Development en Web Performance Optimalisatie ### Platforms Cordova en React Native ### Deliverable Progressive web app en Hybrid web app ### Bekijk resultaat [www.trouw.nl »](https://www.trouw.nl/) ## Trouw, Volkskrant en Parool ### De uitdaging: performance en app development strategie voor meerdere merken De[Persgroep Nederland](https://www.persgroep.nl/)is de uitgever van meerdere grote nieuwsmerken in Nederland en België. Voor Volkskrant, Parool and Trouw is er één team verantwoordelijk voor ontwikkeling en onderhoud van de websites en apps. Dit team wilde één werkwijze neerzetten om de websites en apps van deze 3 merken te herontwikkelen en te onderhouden. Deze werkwijze moest ten eerste web performance garanderen. Ten tweede moest deze werkwijze leiden tot een onderhoudsvriendelijke en herbruikbare app strategie. De Persgroep vroeg de Voorhoede te helpen bij het ontwikkelen van deze strategie. ### De oplossing: investeer in je gebruikers Als we starten met een nieuwe opdracht kijken we vaak naar de analytics om te zien hoe gebruikers verdeeld zijn over browsers en platformen. Hieruit bleek dat de native apps een stuk minder gebuikt werden dan de website. We hebben dit in ons voordeel gebruikt, door te focussen op web technologie. De ontwikkelkosten worden enorm gedrukt wanneer je een appy ervaring creëert in de browser en deze hergebruikt in een hybride app. Bovendien maak je een merk vindbaar in de Apple App Store & Google Play Store. Dit leidde tot de volgende strategie: ### Stap 1: Supersnelle website Omdat we zo veel mogelijk functionaliteit van de website hergebruiken in de hybride app, leidt een snelle website tot een snelle [progressive web app (PWA)](https://developers.google.com/web/progressive-web-apps/) en snelle hybride app. Bovendien heeft [onderzoek aangetoond](https://wpostats.com/) dat web performance een enorme impact heeft op conversie en behoud van je gebruikers. We hebben het team geholpen een performance workflow neer te zetten, wat heeft geresulteerd in de snelste nieuwswebsite van Nederland. Daarnaast hebben we een performance budget opgesteld zodat performance centraal blijft staan tijdens ontwikkeling in de toekomst. ![WebPageTest resultaat waar Trouw.nl in 0.6s laadt tegenover een aantal andere online niewssites](https://www.datocms-assets.com/2651/1501078204-trouw-filmstrip.jpg) WebPageTest resultaat waar Trouw\.nl in 0.6s laadt tegenover een aantal andere online niewssites ### Stap 2: Moderne web app voor de massa Om een 'appy' ervaring te bewerkstelligen op het web hebben we een PWA ontwikkeld. Deze kan bijvoorbeeld push notificaties versturen en dezelfde snelheidservaring geven onafhankelijk van de connectiviteit van de gebruiker. Al deze functionaliteiten werken in moderne browsers en de website is installeerbaar als PWA. ![Aan de linkerkant is de website met PWA install banner te zien, in het midden de fullscreen PWA en aan de rechterkant de hybride Android app](https://www.datocms-assets.com/2651/1501078207-trouw-web-pwa-app.jpg) Aan de linkerkant is de website met PWA install banner te zien, in het midden de fullscreen PWA en aan de rechterkant de hybride Android app ### Stap 3: Een beetje native voor de rest Om vindbaar te zijn in de Apple App Store & Google Play Store hebben we de PWA in een React Native hybrid app gestopt. De PWA strategie is gericht op de toekomst. Op dit moment kunnen we zelfs de PWA functionaliteiten hergebruiken in de Android hybride app. En ondanks dat dit op iOS niet kan, kunnen we wel deze functionaliteiten nabouwen met een React Native oplossing. * [← Hoe we anderen geholpen hebben](/nl/cases.md) * [ABN-AMRO lening kieswijzer →](/nl/cases/abn-amro-lening-kieswijzer.md) ## Laten we bespreken wat we kunnen doen Nena de Clercq Operations Director Don't fill this out if you're human:Mijn naam isMijn bedrijf isJe kan me mailen viaJe kunt me bellen opMijn vraag of project isNeem contact op ## Meld je aan voor onze nieuwsbrief Don't fill this out if you're human Mijn voornaam is Je kan me mailen via Ja, ik geef toestemming voor het verwerken van mijn naam en e-mailadres om de nieuwsbrief van De Voorhoede te ontvangen Meld me aan [Terug naar boven](#top)