AVIA
AVIA, Jouw persoonlijke AI stylist
Project in het kort
Avia is een conceptuele multi-device fashion-ervaring die gebruikers helpt inspiratie voor outfits te vinden op een toegankelijke en efficiënte manier. Het platform stelt gebruikers in staat om een gepersonaliseerd avatar te maken door een foto te uploaden, zodat ze kunnen zien hoe outfits hen zouden staan zonder de kleding fysiek te hoeven passen. Gebruikers kunnen hun geselecteerde outfits met één tik reserveren en ontvangen een notificatie op hun smartphone met ophaalinformatie. GPS-navigatie leidt hen naar de winkel, waar ze een QR-code kunnen scannen om hun gereserveerde items op te halen. Daarna kunnen gebruikers hun outfits delen met de community door een post te maken, waardoor inspiratie en interactie op het platform wordt gestimuleerd.
Mijn Rol
Conceptontwikkeling, UX Design, Visual Design
TIjdlijn
Oktober 2025
Tools
Figma, Miro
PROCES
Het concept voor Avia is ontstaan uit onderzoek naar bestaande platforms die mensen gebruiken om inspiratie voor outfits te vinden. Hoewel deze platforms visuele ideeën bieden, ontbreekt vaak de directe koppeling naar actie. Het doel van dit project was een platform te verkennen waar gebruikers niet alleen inspiratie konden opdoen, maar ook outfits met één klik konden reserveren.
Het ontwerpproces begon met het maken van wireframes, die gestructureerd en gevisualiseerd werden in een sitemap-achtige flow om duidelijk te laten zien hoe schermen en interacties met elkaar verbonden zijn.
Op basis van feedback werden meerdere schermen en interacties verfijnd. Zo werd bijvoorbeeld een feedbackscherm toegevoegd om te bevestigen wanneer een item succesvol aan de garderobe van de gebruiker was toegevoegd, inclusief een directe knop die de gebruiker naar die sectie begeleidt. Deze iteraties verbeterden de duidelijkheid, gebruiksvriendelijkheid en het vertrouwen van de gebruiker tijdens de hele ervaring.
PROTOTYPE
Na het afronden van mijn onderzoek begon ik met het ontwerpen van de schermen voor het Avia-concept. Tijdens het verkennen van andere fashion- en kledingwebsites viel het me op dat veel platforms rustige layouts gebruiken, zachte kleurpaletten hanteren en de meeste aandacht geven aan de kledingitems zelf.
Ik wilde datzelfde gevoel toepassen in mijn eigen ontwerp. Daarom koos ik voor een minimalistische visuele stijl met subtiele kleuren en veel witruimte, zodat de outfits de hoofdrol blijven spelen en de interface niet afleidt.
UI Stack
Ik heb loading, empty en errorstates ontworpen om een consistente en betrouwbare gebruikerservaring te garanderen. Deze schermen geven duidelijke feedback, begeleiden de gebruiker in uitzonderlijke situaties en helpen het vertrouwen in de interface te behouden, zelfs wanneer content niet beschikbaar is of er een fout optreedt.
Blank State
Error State
Loading State
REFLECTIE
Als ik terugkijk, realiseer ik me dat ik tijdens het ontwerpproces niet strikt met een grid-systeem heb gewerkt. Als ik dit concept verder zou ontwikkelen, zou het implementeren van een grid-systeem een belangrijke verbetering zijn om de algehele visuele structuur te versterken.
Daarnaast had ik, met meer tijd, graag de communityfunctie verder ontwikkeld. Het zou bijvoorbeeld interessant zijn als gebruikers precies kunnen zien waar een outfit uit een post vandaan komt, waardoor het delen van outfits informatiever en interactiever wordt.