User research, wire-framing, prototyping, testing & design

UX/UI Designer

I wanted to design an app that made purchasing local and international art from galleries and artists accessible and inclusive to all.

Project Duration
June 2022 – August 2022

Existing apps do not seem to focus on new users that might not know about art or are familiar with the world but would like to start learning to navigate and invest in it.

To create easily digestible and meaningful content to create inclusive experiences for those browsing and wanting to purchase works of art.


Understanding the User

  • User research
  • Personas
  • Problem Statements
  • User journey map


User research was conducted through a series of open-ended questions asked to a group of 4 people in an in-person style interview. About 10 more users were asked the same open-ended questions via Google forms.

Pain Points


Low inventory when buying or selecting a product


Worries about purchasing
fakes or counterfeit art


A general feeling of unwelcomeness in galleries


Not being able to see the art in person to appreciate it



“Although I do not feel welcomed in these spaces, I would like to follow artist and art and have updates and alerts on new availability.”

A 35 year old stay at home dad and dog owner from New York, New York that relocated to Milwaukee, WI


1. Give the user confidence to buy original art from galleries
2. Have visually accurate representation and abilities that would allow them to see their options


  • Has not felt welcomed in gallery spaces
  • Feels intimidated based on space and pricingLives far away from galleries
  • Has fear of buying counterfeit items online


Ash is a stay-at-home dad that loves art and culture. Before he got married and had kids, he and his dog Fabio would enjoy their time together. Now that time is the only luxury he can’t afford, Ash would still like to satisfy his indulgence by purchasing art and keeping up with the trends. He now lives in Milwaukee, WI, and longs for the hustle and bustle of the Chelsea galleries.

Problem Statement

Ash is a family man who needs an easy way to continue collecting art because he does not have time to walk through the galleries like he used to.


“I wouldn’t buy art online, I would prefer to see and admire it in person first”

A 28 year old independent cat owner, with some college education from Buffalo Grove, Illinois


1. To invite and open exclusive art world spaces to socially marginalized audiences
2. Make it easier to purchase and/or inquire virtually about commissioned artwork and additional purchases
3. Making galleries virtually accessible due to distance or comfort level


  • Lack of live inventory
  • Need to see art in person
  • Not knowing what to look for or where to start
  • Getting a product delivered that is not an accurate representation of the description


Kayla is single and lives with their cat in a one-bedroom apartment in Chicago. They appreciate art but they generally do not invest or spend time or money looking at art or going to art galleries. They like to make purchases online with ease of usability when making purchases and selecting things that are readily available and within their scope of interest.

Problem Statement

Kayla is a cat owner who needs accessible content on the go about art and artists. She can then make informed purchases in the future.

User Journey Map

Depending on age group, tendencies to perform tasks differed, so I had to keep that in mind. The consensus was that more information was needed about the art and artist for purchase and most people preferred to search for art within their price range.


Have a smooth interaction downloading and making a purchase on the app

• Download the app from the app store • Create an account to save personalized settings
• Input basic information for future check-out and shipping • Input personal preferences for the art style, artist, galleries, price range, etc.
• User sets their profile to preferred search settings using filters for galleries, artists, and art styles • User can use AR. features to place art in desired live spaces, share their selections with the online community, and set up a time to chat with real live art professionals
• User makes a selection based on their research and findings • Select from preferred insurance options • Art is selected and placed in the shopping cart, beginning the check-out process
• Payment and shipping information has been submitted • Delivery is confirmed and tracking information is given
Curios, Overwhelmed
Overwhelmed, Lost
Excitement, Consumed
Immersed, Engaged, Excited
Satisfied, Nervous
Making account creation quick and easy. Giving the option to navigate as a guest. Making sure to find current and relevant galleries and art easy and accessible. Making information easy to digest and relevant to the user.
Giving the option to navigate as a guest and skipping this step to just browse. Making sure to provide relative questions or quick visual yes or no options. Having experts available 24/7 to answer any questions regarding purchases or art/artists.
Giving the user an additional option to see the art in their space if AR is not an option for the user. Making sure the user is given the most accurate experience as far as size, color, and proportions of art in the space. Creating an easy sharing experience without compromising the creative rights of the artists and art. Making sure the user can set up real-time virtual appointments with dedicated professionals to ensure positive interaction and experience.
Showing up-to-date inventory before placing desired purchase into the cart. Always giving additional, similar options. Giving the user options to check out quickly as a guest without having to make an account. Providing delivery and insurance options as well as recommended delivery methods and policies by the artists and gallery.
Providing the user with shipping and tracking information at the time of purchase and in the user’s email. Giving the user option of return and replacement if warranted.

Starting the Design

  • Paper wire-frames
  • Digital wire-frames
  • Low-fidelity prototype
  • Usability studies

Paper Wire-frames

These quick sketches allowed for quick ideations of how to display artwork and explore different search options.

Digital Wire-frames

I wanted to give the end-user the opportunity to view the art on their wall through their phone using AR technology as well as the capability to message either the artist or gallery staff directly for any inquiries.

digital low fi wire frame

Low-Fidelity Wire-frames

This is the low-fidelity prototype map showing an early-stage flow of purchase.

Usability Study – Findings

The usability studies that I conducted were a mixture of moderated and unmoderated that varied between the ages of 18 and 65 years old. It was a 50% mix of female bodies and 50% male bodies whose professions varied between higher education and trade skill workers. Most of my participants were also bilingual. I did two rounds of usability studies, one with the low-fidelity prototype and the other with the high-fidelity prototype.


  • Users want more product information
  • Users need a clear way to get back to the home page
  • Users need a clear, simplified introduction to learning how to use site


  • Users want to be presented first with personalized questions for a customized feed
  • Users want to be able to purchase more than one item
  • Users enjoyed the concept overall

Refining the Design

  • Mock-ups
  • High-Fidelity Wireframes
  • Accessibility


The home page shows a customized art gallery based on previously answered questions and a simpler menu focusing on search by location and profile. A toggle menu was added for the filter option. Features like a shopping cart, translation options, account settings, and a search bar were added. Users wanted more direction, so I used color and graphics to lead them through the flow.

  • Important information has been highlighted.
  • More information is available about the art and artist.
  • Users can message the artist directly or add to cart.
  • Users can preview art on their wall using the camera option.

High-Fidelity Prototype Map

Accessibility Consideration

  • Incorporated a translation feature for non-English speaking users
  • Provided multiple search options and filters to find art and artist easily
  • Added contrast and color to help direct user flow

Going Forward

  • Takeaways
  • Next Steps


I learned the most from the usability case studies. This prompted me to go back and redesign the high-fidelity prototype multiple times because there was a need for refinement. I was enlightened to see how much emphasize was needed for translation or how helpful visual cues where key for those who are non-native English speakers.

What I have learned

It really gave an insight as to how people can go about things differently. Most of all it shed light on how to be able to design those solutions in a practical way.

Next Steps


I would open up the usability study to a larger group of people to further develop the user flow.


I would add the initial onboarding questionnaire for the next phase of the high-fidelity prototype.


I would continue to add more animated functions to make the entire app work properly.