De Voorhoede

front-end developers

De uitdaging: het succes van de app vertalen naar het web

De RTL Weekend Magazine App, ontwikkeld voor tablets, is een populaire app. RTL Nieuws vroeg De Voorhoede dit succes door te vertalen naar het web, zodat het voor een nog breder publiek beschikbaar is.

De luxe uitstraling en de prettige gebruikerservaring hebben bijgedragen aan het succes van de tablet app. Dezelfde beleving willen we behouden met de vertaalslag naar het web. Zo verzekeren we bezoekers van dezelfde kwaliteit en houden zij het bekende, vertrouwde gevoel.

Bezoekers van de nieuwe website gebruiken de meest uiteenlopende apparaten. Voor al deze apparaten moet de content altijd beschikbaar zijn en goed getoond worden. Bezoekers kunnen onderweg zijn en hierdoor te maken hebben met bijvoorbeeld een langzame, dure of instabiele internetverbinding. Met zo min mogelijk middelen zo snel mogelijk de inhoud te tonen is dan van essentieel belang: de vertrouwde ervaring moet op elke apparaat en op elke plek zoveel mogelijk behouden blijven.

De oplossing: een responsive website

Met de juiste combinatie van kleuren, iconen en afbeeldingen is het vertrouwde gevoel van de app overgebracht naar de website. Door slim gebruik te maken van media queries en de functionaliteiten die tegenwoordig in (mobiele) browsers zitten, hebben we een website gemaakt die op een breed scala van apparaten werkt.

De RTL Weekend Magazine website weergegeven op desktop, tablet en mobiel

Omdat moderne browsers en mobiele apparaten tegenwoordig over moderne technieken beschikken, zijn we niet meer afhankelijk van extra bibliotheken of plugins. Hierdoor kunnen we de grootte van de website minimaal houden en er voor zorgen dat zelfs op tragere internetverbindingen de site snel beschikbaar is.

Afbeeldingen zijn vaak de grootste bottleneck. Om de beste kwaliteit te bieden, zelfs op grote schermen, moeten vaak zware bestanden worden in geladen. Met het gebruik van technieken als scrset en het passief laden van afbeeldingen (op het moment dat ze bijna in beeld verschijnen) hebben we kunnen zorgen voor de optimale verhouding tussen kwaliteit en laadtijd.

Het resultaat

  • Korte laadtijden, zelfs met een trage verbinding.

  • Op elke scherm de beste ervaring door responsive gedrag.

  • De rijke ervaring zoals in de app.