De Mijn Stargroup Website

Over het project

Na de lancering van de Mijn Stargroup app was het tijd voor een campagne om klanten van Stargroup op de hoogte te brengen. Voorheen was de app namelijk door een andere partij gemaakt en helaas kon deze niet worden geupdate met de nieuwe app. Zoals bij elke campagne hoort een goede landingspagina, met als doel: app downloads.

Gebruikte technologieën

Vormgeving

Om het vriendelijke karakter van Stargroup over te brengen is er gekozen voor een interactieve landingspagina. Deze enkele pagina is compleet gevuld met elementen uit de Mijn Stargroup app.

Kleuren

Fonts

Animaties

Hover hero

De hero van de site is gevuld met kleine elementen die ook in de app terug komen. Deze elementen reageren op de muis van de bezoeker om er een interactieve ervaring van te maken.

Interactieve YouTube video

Het implementeren van een interactieve YouTube video blijft 1 van de leukste dingen die ik heb mogen doen in mijn carrière. In de onderstaande video zie je dat de video vergroot wanneer er op play wordt geklikt. Als een soort cinematic-experience. Daarnaast is de video te besturen met de knoppen er onder of toetsenbord.

Om de cinematic-experience echt af te maken wilde we er soort 3D effect aangeven. Wat je terug ziet in zowel bovenstaande als onderstaande video. De webpagina achter de video, reageert op wat er in de video gebeurd.

CSS Animaties

In plaats van gifjes en videos zit de site vol met CSS animaties die reageren op de muis. Deze animaties nemen minder ruimte in dan een afbeelding of video. Waardoor de site ondanks de de vele interactie snel is.

Credits

Video: Digikompas in samenwerking met Stargroup’s marketing team
App: Digikompas
Website: Digikompas