Wiki Wardrobe
Experience Design & Usability for Web
Project Overview:
This project focused on designing high-quality, user-centred digital experiences. The aim was to apply usability principles, design concepts, and software capabilities to create a compelling and functional web-based product.
I chose to further develop my application, Wiki Wardrobe—a digital storytelling platform that reimagines how users share, discover, and engage with fashion. Merging social media, e-commerce, and personal style, the app delivers a seamless and interactive fashion experience tailored to individual users.
Process Summary:
Building on earlier paper prototypes, I designed a high-fidelity, cross-platform prototype using Adobe XD. Key features included responsive layouts, interactive flows, and refined UI elements. The prototype underwent time-to-task usability testing to uncover pain points, with insights used to iterate and improve the design.
Key stages included:
Designing wireframes and UI flows tailored for both desktop and mobile
Creating interactive prototypes that mimic the final product experience
Conducting time-to-task usability testing to identify navigation or interaction pain points
Applying user feedback to iterate and improve the prototype
Evaluating the effectiveness of the design through experience-driven metrics
The final prototype responded directly to user needs, aligning functionality, usability, and aesthetics to create a smooth and intuitive experience across devices.
Key Skills
UX research and usability testing (time-to-task)
Experience design specification and documentation
High-fidelity prototyping and wireframing
Responsive design for multiple devices
Interaction design and UI development
Design iteration based on user feedback
Critical analysis of usability and experience quality
Visual storytelling and system design thinking
Programs & Tools
Adobe XD – High-fidelity prototyping and interaction flows
Miro – User journey mapping and collaborative ideation
Adobe Illustrator
Adobe Photoshop
Adobe InDesign