Matchify

Your AI Shopping Assistant

Work

Matchify

Designed a web platform for
better shopping experience using generative AI.
Matchify is a web platform designed to use generative AI to help make the process of online shopping easier and less overwhelming. Think less tabs open and fewer abandoned shopping carts, boosts buyer confidence when making online purchases, particularly in categories with a large amount of product offerings.

Info

Role


UX Researcher

UX Designer


Team


Aditya Etiyala (Me)​

Jenna Lee

Grace Maloney

Ethan Baccam

Melika Ziba


Duration


4 months


Mentor


Debra Kumar


Overview

Overview

Overview

Problem

What needs fixing?

How might we help consumers be more satisfied when making online purchases, particularly when shopping for an item in a category with a large amount of product offerings?

Outcome

Matchify has transformed the shopping experience by simplifying the journey from discovery to purchase. With 90% of users finding its recommendations highly relevant, Matchify boosts confidence, streamlines decision-making, and delivers a personalized, efficient process.


  • 85% of users reported feeling more confident in their purchasing decisions after using Matchify.

  • Decreased the average time spent browsing by 65% without compromising satisfaction.

  • Reduced average decision-making time by 60%.

Stephen Mayer, a Salt Lake City native, was nurtured in the publishing world by his magazine-running father and developed a fascination for fonts upon receiving a Mac for his family. During his collegiate years, he skipped lectures and gained knowledge about typeface—and life—by working as a designer for his university newspaper.


He also worked independently as a consultant, bridging the gap between typeface creators and users, always championing the needs of both parties. Not only is he the co-founder of the web platforms, Typographica and Fonts In Use, Stephen has also penned a regular column for Print magazine and authored the acclaimed book The Anatomy of Type. In 2017, he became an integral part of the nonprofit library and museum, Letterform Archive, as an Associate Curator and Editorial Director.

Lean UX Approach

Lean UX?

We have chosen a lean UX, an agile approach prioritizing speed, learning, and measurable outcomes over perfection. It focuses on creating a Minimum Viable Product (MVP) to enable rapid feedback and iteration.

Lean UX Canvas

To first get an understanding of the underlying problem space surrounding online shopping, our team completed a Lean UX Canvas to identify the business problem, potential business outcomes, users, user benefits, and potential solution ideas. By working as a team to come up with different solution ideas, rather than hone in on one particular solution, we were able to explore many possible approaches to solving the problem at hand.

Practical Personas

Our practical personas were crafted prior to user interviews to help us keep our focus user-centric from early on in the process and explore what we thought we knew about users in the problem space. By crafting personas early on, we felt more confident about the types of participants we planned to recruit for user interviews, which would later be used to inform changes to our personas and refine our understanding. We crafted two persona profiles in order to foster a shared understanding of target users, including what we thought we knew and what we didn’t know. Below we share their background, goals, motivations, pain points, implications, and some context.


Imagine Sarah is looking to buy a new pair of running shoes. She starts by searching “best running shoes for beginners” on Google.


The search results show a mix of options:


  1. Blog articles reviewing various brands.

  2. Sponsored Ads from companies.

  3. Videos on YouTube discussing features of popular running shoes.

  4. Links to e-commerce platforms like Amazon, with reviews and price comparisons.


Sarah opens multiple tabs, each providing different details such as product features, user reviews, and pricing. However, she quickly feels overwhelmed by the sheer volume of information.


She finds it difficult to decide which source is reliable, what shoes meet her needs, and which option offers the best value. This choice overload and fragmented research slow her down, making her hesitant to proceed to the next stage of the shopping journey.

Research

While we believed consumers were experiencing difficulties while online shopping, we still wanted to validate if it would be worthwhile to explore the problem space in more depth. To do this, we dove into our initial primary research process, which utilized user interviews, empathy mapping, and story mapping, allowing us to collect rich, qualitative data and develop a deeper understanding about users’ experiences shopping online.

User Interviews

Research Method

To develop a deeper understanding of when and why consumers sometimes have a hard time deciding what to buy while online shopping, how they decide if they should buy an item, and when and why they return products, we conducted eight semi-structured individual interviews with users aged 22-46. We were intentional in recruiting at least 6 interview participants that aligned with each of our practical personas in order to validate and refine our understanding of target users.

Empathy Mapping
& Affinity Diagramming

Analysis Method

Using the data collected during user interviews, we categorized the information into empathy maps, which you can find a sample of below, to explore what users were saying, what their online shopping processes looked like, how they felt while shopping online, and what they think about the problem space.

Key Findings

Once our empathy maps were put together, the nuggets of information were pulled forward into an affinity diagram, where we could look for common themes and derive insights.

Awareness 

Awareness 

Awareness 

Consideration

Consideration

Consideration

Acquisition

Acquisition

Acquisition

The first stage of the online shopping journey is awareness.

  • Search engines

  • Social media

  • Online ads

The first stage of the online shopping journey is awareness.

  • Search engines

  • Social media

  • Online ads

The first stage of the online shopping journey is awareness.

  • Search engines

  • Social media

  • Online ads

In the consideration stage, the customer begins to gather more information about the product they’re interested in.


  • Product’s features

  • Compare it with similar products

  • Read customer reviews

In the consideration stage, the customer begins to gather more information about the product they’re interested in.


  • Product’s features

  • Compare it with similar products

  • Read customer reviews

In the consideration stage, the customer begins to gather more information about the product they’re interested in.


  • Product’s features

  • Compare it with similar products

  • Read customer reviews

Once customers have made their decision, they move on to the acquisition stage. This is where the customer makes the actual purchase. 

Once customers have made their decision, they move on to the acquisition stage. This is where the customer makes the actual purchase. 

Once customers have made their decision, they move on to the acquisition stage. This is where the customer makes the actual purchase. 

Customer Pain Points


During the awareness :


  • Fragmented Research:

    Users must visit multiple tabs and platforms to gather product information, leading to frustration.

  • Information Overload:

    Users are overwhelmed by excessive options from various sources (search engines, social media, blogs).

Customer Pain Points


During the awareness :


  • Fragmented Research:

    Users must visit multiple tabs and platforms to gather product information, leading to frustration.

  • Information Overload:

    Users are overwhelmed by excessive options from various sources (search engines, social media, blogs).

Customer Pain Points


During the awareness :


  • Fragmented Research:

    Users must visit multiple tabs and platforms to gather product information, leading to frustration.

  • Information Overload:

    Users are overwhelmed by excessive options from various sources (search engines, social media, blogs).

Customer Pain Points


During the Consideration Stage :


  • Information Overload: Customers can feel overwhelmed by the abundance of product details, reviews, and comparison options, making it difficult to focus on relevant information.

  • Lack of Clear Comparisons: Without well-structured comparison tools, users may struggle to evaluate the differences between similar products, leading to confusion and frustration.

Customer Pain Points


During the Consideration Stage :


  • Information Overload: Customers can feel overwhelmed by the abundance of product details, reviews, and comparison options, making it difficult to focus on relevant information.

  • Lack of Clear Comparisons: Without well-structured comparison tools, users may struggle to evaluate the differences between similar products, leading to confusion and frustration.

Customer Pain Points


During the Consideration Stage :


  • Information Overload: Customers can feel overwhelmed by the abundance of product details, reviews, and comparison options, making it difficult to focus on relevant information.

  • Lack of Clear Comparisons: Without well-structured comparison tools, users may struggle to evaluate the differences between similar products, leading to confusion and frustration.

Customer Pain Points


During the awareness :


  • Fragmented Research: Users must visit multiple tabs and platforms to gather product information, leading to frustration.


Customer Pain Points


During the awareness :


  • Fragmented Research: Users must visit multiple tabs and platforms to gather product information, leading to frustration.


Customer Pain Points


During the awareness :


  • Fragmented Research: Users must visit multiple tabs and platforms to gather product information, leading to frustration.


Challanges

Choice Overload:

Studies suggest that when consumers are presented with too many options, it can lead to choice overload, reducing their satisfaction with the decision process and sometimes leading to decision paralysis. For example, when faced with over 30 different options, consumers are 10% less likely to purchase compared to scenarios with fewer choices.

Choice Overload:

Studies suggest that when consumers are presented with too many options, it can lead to choice overload, reducing their satisfaction with the decision process and sometimes leading to decision paralysis. For example, when faced with over 30 different options, consumers are 10% less likely to purchase compared to scenarios with fewer choices.

Choice Overload:

Studies suggest that when consumers are presented with too many options, it can lead to choice overload, reducing their satisfaction with the decision process and sometimes leading to decision paralysis. For example, when faced with over 30 different options, consumers are 10% less likely to purchase compared to scenarios with fewer choices.

Decision Fatigue:

Research indicates that the more choices consumers face, the more likely they are to experience decision fatigue, which can degrade the quality of their decisions.

Decision Fatigue:

Research indicates that the more choices consumers face, the more likely they are to experience decision fatigue, which can degrade the quality of their decisions.

Decision Fatigue:

Research indicates that the more choices consumers face, the more likely they are to experience decision fatigue, which can degrade the quality of their decisions.

Story Mapping

Synthesis method

Based on data collected during interviews, we also created a story map – a collaborative approach to condense into one artifact our understanding of the flow experienced by users as they move through their online shopping processes.
Working through our story map, we were also able to identify our MVP, helping our team align on the design aspects that would need to be prioritized and tested. Below is a list of the primary features that we planned to prioritize, as well as a sample of other important, but non-critical, feature ideas we could consider for a phase two iteration.

Design

Based on the problem space and our key research findings, our team came up with four primary design principles to help guide the design process.

Wireframing

With our research and design principles informing our design decisions, we were able to generate a series of wireframes as a starting point for the experience that would be offered by our solution. Each team member took time to develop solution mockups on their own, followed by a collaborative session where we came together as a team to discuss the options and choose the most promising and feasible option that would support our target users. Our early design approaches focused on implementing a personalized quiz feature to guide users through the process of sharing their preferences, offering a highly personalized experience.

Implement

Flow
Based on the feedback collected during the design critique session, our team got to work refining the design of our application and creating a prototype.

Evaluation

Usability Testing
With the first iteration of our prototype ready, we set out to collect another round of feedback, but this time from potential users. We conducted a series of six remote usability testing sessions with a diverse group of participants who aligned with Matchify’s target user groups and the practical personas we crafted.
Goals
From the usability tests, our team aimed to learn about three different research objectives:

Evaluation - Results

4 of the 6 participants were able to move through the task without assistance, but this left some room for improvement, which is where feedback from the participants came in handy.
As a result of the usability tests, we collected meaningful insights from participants, including:
  • Participants liked how they could have product information across different options all in one place through personalized recommendations and were excited by the possibility of doing their online shopping “under one roof”
  • The ability to compare products in-app and filter to refine options based on personal preferences was a valuable feature
  • There was some confusion about products that end up in the “wishlist” bucket and what happens to products that are saved for a later, possible purchase
  • When moving through the process of elimination, users wanted to be able to refer back to the compatibility score breakdown they saw while reviewing recommended options, as opposed to simply seeing the percentage

Revisions

All feedback collected during the usability testing sessions were pulled forward into another affinity diagram, so we could evaluate common insights across participants and refine our solution to address the most glaring issues:

Future Steps


Based on the results of the usability tests, future work calls for an additional round of usability testing to assess if the changes we made to the design of our application resonate with users. Additionally, some other design challenges could also be tackled:
Mobile Platform
Many people spend time browsing and shopping online using a mobile phone, but with the focus on our MVP being on creating a web application, we didn’t prioritize the design of the mobile platform during our initial design iterations. However, without a mobile-based platform, we may be missing out on a segment of users within the market. How might we best design a mobile version of Matchify, so users can access the platform on a mobile device and shop for their perfect match at their fingertips?

Got a project in mind?

Get in touch

Send an email or DM and I'll get back to you asap.

All rights reserved © 2024 Meher aditya

Got a project in mind?

Get in touch

Send an email or DM and I'll get back to you asap.

All rights reserved © 2024 Meher aditya

Got a project in mind?

Get in touch

Send an email or DM and I'll get back to you asap.

All rights reserved © 2024 Meher aditya

Lights on·off