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

  1. UX research and usability testing (time-to-task)

  2. Experience design specification and documentation

  3. High-fidelity prototyping and wireframing

  4. Responsive design for multiple devices

  5. Interaction design and UI development

  6. Design iteration based on user feedback

  7. Critical analysis of usability and experience quality

  8. 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