M2mobi - Mobile Web
Alle projecten

Mobile Web

Klant
G-Star
Discipline
Design, Development, Maintenance
Platform
Mobile Web

De Briefing

Denim merk G-Star stond in de zomer van 2013 op het punt een nieuwe website te lanceren. Pas laat bleek dat deze niet geschikt was voor smartphones en (in mindere mate) tablets terwijl er wel een sterke groei in traffic was op deze kanalen. Uitstellen was geen optie, dus moest er zo snel mogelijk een oplossing gevonden worden zodat ook smartphone gebruikers een goede ervaring zouden hebben. M2mobi, met zijn ervaring als app ontwikkelaar, is gevraagd om hier een aanpak en invulling voor te bedenken. Na een eerste fase zouden we een nieuw traject ingaan. Daarin zou met een mobile first gedachte voornamelijk ingezet worden op mobile only features en conversie verhoging.

img gstar image1 desktop De Challenge

Normaal gesproken zou het advies zijn om te beginnen met een mobile first gedachte en een responsive site te maken. In dit geval was de desktop website al te ver gevorderd om opnieuw te beginnen.

Bij een bedrijf met de omvang van G-Star - G-Star is actief in 54 landen - hebben we het ook niet over een simpele website, maar een complexe architectuur achterliggende bijbehorende uitdagingen. Verschillende teams zijn volop bezig met doorontwikkeling van de verschillende onderdelen (internationalisatie, e-commerce, CMS, branding, features, conversie optimalisatie, etc.).

Het was dan ook een grote uitdaging om in deze complexe dynamische omgeving een oplossing te vinden die ook nog eens snel klaar voor productie zou zijn.

De oplossing

Omdat het niet haalbaar was om de desktop site responsive te maken hebben we gekozen om parallel een mobile only m-commerce website te maken. Om een vliegende start te maken hebben we wel de code van de desktop site gebruikt. Deze is gestript, omgebouwd en voor mobiel geoptimaliseerd.

Om zo snel mogelijk mobile shoppers te bedienen is er gekozen voor een gefaseerde aanpak. Focus lag eerst op het shopping gedeelte en minder op branding. Er zou ook geen koppeling met een CMS gemaakt worden. We zijn begonnen met slechts een catalogus zodat mensen wel producten kunnen browsen maar nog niet op hun mobiel kopen. In deze fase zat al wel een product locator zodat het mogelijk was om de dichtstbijzijnde winkels te vinden met een kledingstuk op voorraad.

Vervolgens kwam het daadwerkelijke shopping gedeelte. Hiermee zijn we eerst in Nederland live gegaan. Vervolgens hebben we Europa uitgebouwd en uiteindelijk de rest van de wereld. Met deze mijlpaal achter de rug konden we langzaam de site verder uitbouwen. img gstar image3 desktop

De resultaten

Met de desktop als basis en de gefaseerde aanpak waren we in staat om op schema de mobiele site te lanceren. Deze was echter verre van perfect. De performance was suboptimaal en updates waren tijd intensief.

Daarom zijn we meteen doorgegaan met het optimaliseren en uitbouwen van de site. Door gebruik van een hybride Kanban/Scrum aanpak konden we bij blijven met de vele updates die nodig waren voor het marketing team en de doorlopende ontwikkeling van de backend voor desktop. Niet alleen dat, maar het was ook nog mogelijk om tegelijkertijd optimalisaties en nieuwe features uit te rollen.

Door continu proces en architectuur aan te scherpen is geleidelijk de kwaliteit en efficiency verbeterd. Bijvoorbeeld door het testen voor zoveel verschillende landen te automatiseren met behulp van unit tests en gebruik van selenium, en aanpassingen in de architectuur bleef er meer tijd over voor de ontwikkeling van features en konden we meer focus leggen op de conversie van de site.

Bekijk het hier

Meer weten?

Michiel Munneke
Michiel Munneke