Uitdaging
Voor het project PackageHub werd memento gevraagd om een complete UI/UX-designslag te maken op een reeds werkend prototype. Het platform functioneerde technisch al, maar miste een consistente visuele identiteit en samenhangende gebruikerservaring. De opdracht bestond uit drie onderdelen: het ontwikkelen van een nieuwe merkidentiteit, het visueel herontwerpen van alle schermen en het realiseren van werkende HTML/CSS-templates. De uitdaging lag in het visueel versterken van een complex systeem zonder de onderliggende functionaliteit fundamenteel te wijzigen. Met 19 desktop mockups en 8 mobiele varianten was schaalbaarheid en consistentie in componentdesign essentieel.
Aanpak
We zijn gestart met de ontwikkeling van een nieuwe merkidentiteit. Dit omvatte een naamverkenning, ontwerp van logo met icon en typografie, en het vastleggen van kleurgebruik in een branding guide. Vervolgens hebben we alle bestaande schermen visueel herontworpen. De focus lag expliciet op visuele optimalisatie, niet op functionele herstructurering, om kosten en doorlooptijd beheersbaar te houden. Het ontwerptraject omvatte onder andere: login- en registratieflows, package-overzichten met filters, detaildialogen voor versies, bestanden, toegangsrechten en pricing, feedback- en communitymodules, settings-omgevingen met account-, notificatie-, opslag- en abonnementsbeheer. Alle desktopschermen zijn vertaald naar mobiele componenten op elementniveau, zodat een consistent responsive design ontstaat. In de laatste fase ontwikkelden we responsieve HTML/CSS-templates van alle mockups, inclusief afzonderlijke herbruikbare elementen, waarmee het developmentteam direct verder kon bouwen.
Resultaat
Het resultaat is een visueel consistente en schaalbare interface die een complex platform begrijpelijk en professioneel presenteert. De nieuwe identiteit geeft PackageHub een duidelijke positionering, terwijl de UI-componenten zorgen voor rust en overzicht binnen een technisch geavanceerde omgeving. Door alle mockups systematisch te vertalen naar responsieve templates is een solide basis gelegd voor verdere technische doorontwikkeling. Het platform beschikt daarmee over een toekomstbestendige designlaag die functionaliteit ondersteunt in plaats van compliceert.