Match Make

Match Make

A mobile application to help organizations put together events, and reward users for attending these events.

A mobile application to help organizations put together events, and reward users for attending these events.

How can consumers stop wasting products from poor matches?

How can consumers stop wasting products from poor matches?

Match Make serves to help users browse a curated selection of beauty products matched specifically to their tone and shade.

Project Scope

Project Scope

Role

I began this project with the intention to build my research and iteration skills. With this goal in mind I served as a UX Researcher and UI Designer.

Timeline

1 month was dedicated to researching the issue and 3 months were spent designing the solution. Together this makes a 4 month timeline.

Team

Because I was focused on using this project to expand my skill set, I decided to take on the project alone. The team comprised of just myself to focus on research and design.

Tools

My four preferred tools were Adobe Photoshop to create raster designs, Adobe Illustrator to create vector designs, Figma to compile all our designs into screens, and Miro to draft the team's decisions and plans.

Tools

Tools

Style guide

Our style guide gave our team a visual direction.

Mind

Flow Chart

This chart was used to help the team understand the flow between screens and how the flow is impacted by user decisions.

User journey

The user journey map took my persona and laid out her experience with the application at every stage. This was a crucial to helping me understand what a user would need most from this product.

Mind Map

The mind map helped me understand my problem at its most abstract state.

Pain points

Blue or green?

Blue or green?

Featuring pink hues in the project's color palette was a given, but the secondary color was not so easy to select. Early iterations went back and forth, applying different shades of blues and greens. Through testing, audiences noted that the blues seemed reminiscent of sugary sweet cotton candy. Finding that the green accents enhanced the earthy pink tones better, green was ultimately selected as the secondary color.

Featuring pink hues in the project's color palette was a given, but the secondary color was not so easy to select. Early iterations went back and forth, applying different shades of blues and greens. Through testing, audiences noted that the blues seemed reminiscent of sugary sweet cotton candy. Finding that the green accents enhanced the earthy pink tones better, green was ultimately selected as the secondary color.

The system

The system

How can a quiz, or noting a product match, feed an algorithm meant to present a curated shopping experience? Where do the steps come in to allow such a process? To consider how a user might go about their experience of navigating such a process, I needed to test the quiz and match inputting process many times over. It was imperative to make sure my users could intuitively understand what the quiz needed from them and why it was important to the overall experience.

How can a quiz, or noting a product match, feed an algorithm meant to present a curated shopping experience? Where do the steps come in to allow such a process? To consider how a user might go about their experience of navigating such a process, I needed to test the quiz and match inputting process many times over. It was imperative to make sure my users could intuitively understand what the quiz needed from them and why it was important to the overall experience.

Checkout?

Checkout?

Debate was had within myself on if the product should offer an in-app marketplace, or if the user should instead be directed to other online marketplaces to finalize their purchases after browsing their matches in Match Make. Through rounds of testing, it was decided that I should design for an in-app checkout process for the sake of minimizing clicks for the user.

Debate was had within myself on if the product should offer an in-app marketplace, or if the user should instead be directed to other online marketplaces to finalize their purchases after browsing their matches in Match Make. Through rounds of testing, it was decided that I should design for an in-app checkout process for the sake of minimizing clicks for the user.

Impressed? Look over the iterations again!

Impressed? Look over the iterations again!