This project was commissioned by a client planning to launch a new home for their luxury marketplace - an exclusively iOS application. The brand wanted to maintain a classy, strong, high-end appearance for the app and make sure the user experience was smooth and seamless.

Summary

My contribution

As a UX/UI Designer, I focused fully on building the design system, wireframes, and a working prototype. By the end of the project, I delivered both low- and high-fidelity wireframes, a component kit, and a Figma prototype that outlined the app flow from registration to purchase.

Additionally, I conducted user research, testing, and review based on user feedback.

Services provided:

• Figma design: wireframes, component kit

• Art Direction: design and execution

• React programming and database development

• Competitor research, analysis, and comparison

• User research and testing

• Webflow development

Mission

Collaborated with

UX/UI Designers and Developers

My role

UX/UI Designer

We started working on this project by researching potential candidates and high-end fashion iOS apps, such as Gucci. Through my research, I identified a suitable design niche we could follow. For most brands, the design choices hinged on maintaining a simple, minimalistic interface with strong colours, which created a sleek look.

Based on my findings, I created a style tile which our team would end up referencing for the majority of this project. Next, we moved on to wireframe and user flow development.

Process & Strategy

Wireframe Development

Research & Structure

During flow and development and wireframing, I focused on keeping our interface simple and minimalistic, but easy to navigate and understand. To achieve this, I created simple line icons and used only the primary colours of the brand - black, white, and gold yellow. I made sure to maintain a consistent look using grids and components and creating instances. This helped achieve a polished, modern look while ensuring uniformity across all screens.

I created screen-by-screen medium-fidelity and high-fidelity wireframes for:

• Home Page, including the nav bar

• Collections Page, including filters and navigation

• My Starred Items Page, including 2 variations for grids

• Products Menu and Product Page, along with reviews

Additionally, I was in charge of developing and implementing all animations and transitions for the working prototype. I set up flows, interactions, button state changes, and instance changes.

User Feedback & Adjustments

After the working Figma prototype was completed, our team conducted user testing and review to identify user pain points and friction issues. A total of 10 interviews were taken, during which we outlined 2 major roadblocks:

• 8 out of 10 users said they would prefer a 'return' button on every page rather than having to use the bottom nav bar each time.

• 7 out of 10 users said they wanted to find a 'sorting system' in their collection rather than having to go through the whole collection manually.

• 5 out of 10 users had trouble finding the 'create new collection' button.

To tackle these issues, we added an arrow on each screen so the users could go back to the previous page. On the Collections page, I added 3 sorting options: all items, collections, and unsorted, so users could switch between collections and items not belonging to any collection. Finally, we changed the colour of the '+' icon on the Collections page so it stood out and could be noticed easily.

More Projects

Zonopoly | Property Platform Redesign

A website redesign for a property/stock management platform to boost sales

Gleamorrow | Gamified To-Do List

A gamified approach to managing your to-do lists

View ->

View ->