Nadat Mach3 de ontwikkeling van hun statistieken-dashboard had afgerond, wilden zij deze informatie zo makkelijk mogelijk bereikbaar maken voor hun klanten. Het dashboard was geschikt voor mobiel gebruik, daarom werd besloten een app te ontwikkelen.

Het probleem

Statistieken zijn voor zowel websitebouwers als hun klanten dé tool om te zien hoe goed een website loopt en waar kansen voor optimalisatie liggen. Voor bouwers die veel sites onderhouden en voor hun klanten, is data binnen handbereik essentieel om de impact van hun website te meten. Een dashboard dat alleen op desktop goed werkt, bood onvoldoende flexibiliteit.

Mijn rol

Mijn verantwoordelijkheid lag bij het ontwerpen van de interactie in de app en de opzet van componenten binnen het Material 3 design systeem. Mach3 leverde zelf de eerste wireframes aan; het werk dat overbleef was het identificeren van de nodige functionaliteiten en de interacties om er toegang toe te krijgen.

Interactie-ontwerp

Het doel was een zo efficiënt mogelijk interactiesysteem zonder te veel lagen of menu's waarin gebruikers de weg kwijt kunnen raken. Bijna alle interacties gebeuren vanaf het hoofdscherm, met een modal met animatie die de gelaagdheid van de app naar de gebruiker communiceert.

Material 3 & whitelabel

De basis van de app ligt in Flutter, een framework van Google dat native draait op iOS en Android. Material 3 is daarin inbegrepen, dat was ideaal om een snelle doorlooptijd van het project waar te kunnen maken. Middels de flexibiliteit van het design systeem leverden we een on-brand ervaring voor Mach3, en kan Mach3 voor hun whitelabel (YourSite) de branding makkelijk per klant aanpassen.

Resultaat

De app is door interne tests heen gekomen en live gegaan in de App Store. Dankzij Flutter en Material 3 zijn toekomstige uitbreidingen efficiënt te realiseren.