UX/UI design, wireframing, design system, whitelabel ready
De focus lag op efficiëntie en samenwerking, met een flow die gebruikers begeleidt van setup tot factuur en opvolging. Studio Fox werkte hiervoor samen met Initeam, die het voortraject, het functioneel specificatiedocument en de development met de klant uitwerkte.
Imagine & define
We startten vanuit het functioneel specificatiedocument van Initeam en vertaalden de scope naar een duidelijke user journey. Het doel was een interface te ontwerpen die je door het proces loodst, maar tegelijk snel blijft voor ervaren gebruikers.
We hielden rekening met verschillende types gebruikers en met het feit dat het platform zowel standalone moet kunnen draaien als binnen een bredere omgeving met meerdere Vandelanotte apps. Ook toekomstige uitbreidingen, zoals extra verkoopfases en de verplichting rond e invoicing, namen we mee in de structuur.
Design & build
Daarbij werkten we de kernschermen uit die het verschil maken in dagelijks gebruik: login en onboarding, een dashboard met slimme shortcuts en omzetoverzicht, facturen opmaken met opties zoals recurring, artikelen of verkooplijnen beheren om sneller te factureren, een overzicht van facturen met sorteer en filtermogelijkheden, klantenbeheer en accountinstellingen zoals dossiergegevens, briefpapier en taalopties.
Daarna vertaalden we de UX wireframes naar een visueel design dat aansluit bij de bestaande branding van Vandelanotte. Het finale UI design bestaat uit een beperkte set uitgewerkte schermen, maar werd opgeleverd met een compact design system zodat het development team de overige pagina’s snel en consistent kon opbouwen.
Use & engage
De wizard begeleidt nieuwe gebruikers stap voor stap, terwijl het dashboard ervaren gebruikers meteen naar de juiste acties brengt. Extra aandacht ging naar status en opvolging van documenten, zodat openstaande items en volgende stappen altijd zichtbaar blijven. Daarnaast is het design geoptimaliseerd voor whitelabeling. (Grote) bedrijven kunnen hun eigen logo en stijl toevoegen zonder de basisstructuur te breken.
Initeam leidde het voortraject met de klant en leverde het functioneel specificatiedocument. Studio Fox vertaalde dit naar wireframes, UI design en een compact design system voor het development team van Initeam.
Vandelanotte kreeg een duidelijke, efficiënte facturatie ervaring met sterke begeleiding waar nodig en snelheid waar het telt. Het design sluit aan bij de bestaande merkstijl, maar is tegelijk klaar voor whitelabeling en toekomstige uitbreidingen, zodat het platform kan meegroeien met nieuwe noden en regelgeving.
