Aurora Studio Site Redesign

Mockup of final landing page for Aurora Studio

Overview

40

Artists featured worldwide

9

User interviews

4

Rounds of usability testing

The context: Aurora Studio is an e-commerce company that sells artwork on clothing as well as other products. It features art from over 40 artists worldwide, and allows customers to buy products featuring that artwork.

The problem: How might we restructure the website to better showcase how the company works with artists? How might be enhance the website so that customers feel more motivated and confident in their purchases?

The solution: With intuitive navigation and increased attention to artists, Aurora Studio customers will be able to find products more efficiently and conveniently and will feel confident in their purchases.

Heuristic Evaluation: Where are opportunities for improvement?

EFFICIENCY: 11 violations

SATISFACTION: 6 violations

LEARNABILITY: 4 violations

ERROR MANAGEMENT: 2 violations

MEMORABILITY: 1 violation

Who are our competitors?

After these findings, we conducted a competitive & comparative analysis to better understand the business space. From this analysis, it was clear that while Aurora Studio's website may be more limited compared to some bigger companies in terms of products and features, it makes up for it in its unique curation. By having a more limited number of artists, and with many of these artists being Persian and Iranian, Aurora Studio can offer a more curated and personalized experience for users.

What is the current user experience?

2 USABILITY TESTS WITH 8 USERS

Users were tasked with finding specific products to test out how intuitive the navigation and menu/filter categories were. It took users longer than expected to complete both tasks, and with several errors. Most of the errors and extra time were due to confusion over menu and filter categories.

Current user testing, both tasks failed

9 INTERVIEWS

"I appreciate efficiency because I value by time."

"I want to ensure my expectations (fit, quality, cost) match reality when online shopping."

"When I shop online, I question if I really need it."

"If I am wearing a graphic design, I need to believe in the message."

"I think art is important."

Who is our typical user?

Final user persona, based on user research. She is a busy professional who values her time.

What is her user journey?

User journey has multiple points of frustration.

Problem:

Aurora customers need an efficient, trustworthy, and convenient way to find and purchase a product with artwork they feel connected to so that they can be motivated to add the item to their wardrobe and feel confident in their purchase.

Arrow pointing down

Solution:

Intuitive navigation and increased attention to artists will allow customers to more efficiently and conveniently find products and will feel confident in their purchases.

Preliminary Designs (Low Fidelity)

11 OPEN CARD SORTS

A majority of users used words such as "abstract," "minimalism" and "pop art," as well as descriptors like "funny," "Zen," or "space."

In addition to card sorts, a "MSCW" chart and laying out of website's architecture helped define the project's scope and direction.

MSCW chart highlighting where the designs should focus.Initial restructure of site's architecture.Initial sketches of redesign.

User Testing: Low Fidelity

4 TASKS, 4 USERS

Low fidelity user testing results, with 3 out of 4 tasks failing.

Since the first task of finding a t-shirt took users slightly longer than anticipated, we made the text sizes for "product" and other categories larger to make them easier to see. To read reviews, most of the errors were simply that users clicked on the stars or amount of reviews, instead of clicking the "reviews" option below. This indicated to us that we should make those clickable options as well.

Finding a hoodie with an abstract design on it was more challenging for users because our headers were not clear. All users were confused about the terminology of "theme," so in our next fidelity we updated the wording.

Image highlighting mid fidelity design change, with added Style menu

Mid Fidelity Designs

In addition to making updates based on our first round of usability tests, we began to add some more text and detail to the next version of our prototypes, our mid-fidelity prototypes. We also cleaned up some of the margins, spacing, and overall formatting, to make it look a bit more polished.

Mid fidelity sketches

User Testing: Mid Fidelity

5 TASKS, 4 USERS

We repeated two of the same tasks, to test if we had improved upon them both in terms of efficiency and in terms of error management. We also added a few more tasks, to continue to test how intuitive the navigation and wording was, and how findable certain key information on the website was. Again, our user research showed us that these features were important to help users feel confident in their purchases.

Overall, we saw more success than in our previous tests, but still had areas of improvement that are highlighted below.

Mid fidelity user testing results, with 3 out of 5 tests passing.

When users tried to find a hoodie with an abstract design on it, half of the users tried to use the artwork showcased on the home page first, instead of clicking into "shop." One user also failed to use the filters right away. We solved for this by embedding the artwork more on the page through clarifying text and better contrast to highlight where users could go, and made the icons clickable to navigate into the shop.

Comparison of updated design with color incorporated.

To figure out how Aurora Studio supports artists, all users clicked on "our journey" first. However, 1 user was not satisfied with the results on that page, and continued navigating around the website. Furthermore, another user expressed initial confusion at the term "price transparency" so as we moved into our most detailed mockup, we needed to make adjustments. We decided to update the terminology to "how pricing works" for our final round of usability tests.

Comparison of updated footer with incorporated color.

High Fidelity Designs

Screenshots of high fidelity designs.

User Testing: High Fidelity

4 TASKS, 4 USERS

Again, we repeated two tasks, finding a hoodie with an abstract design on it, and finding how Aurora Studio supports artists, because users did not successfully complete those tasks in previous tests. We also wanted to test other flows, such as finding a design on other products, and searching for an artist.

Overall, we decreased the amount of time needed for each task and therefore increased efficiency.
By solving for pain points in previous design iterations, we were able to have more successful tasks in the final rounds of testing. We were also able to create more interaction and potential pathways for users to take, which decreased the amount of errors.

High fidelity user testing results, with 3 out of 4 tests passing.

For information on supporting artists, it was clear that we needed to make that information more visible through increased text sizing. We also added a new section about how pricing works under "Our Journey" page, to make it more discoverable. But, this task should be further tested.

Comparison of updated design for brand journey

Final Designs

Mockup of final landing page for Aurora StudioMockup of an artist pageMockup of product reviewsFull mockup of product page

Results:

  • Increased efficiency for shoppers
  • Better understanding of how artists work on Aurora Studio
  • Decreased confusion and pain points

Next steps and learnings:

  • Presented full findings and designs to Aurora Studio founders and staff
  • Advocated for more usability testing
  • Emphasized monitoring sales and other quantitative analytics
  • This project reaffirmed the importance of usability testings, since each round presented new opportunities for improvement