How I Revamped SOLEOADO's Marketplace: Streamlining the Artistic Shopping Experience

SOLEOADO landing page
View Prototype

Problem

Business Challenge:

SOLEOADO's website was difficult to navigate and had less-than-ideal conversion rates, preventing the business from reaching its potential.

User Challenges:
  • Confusing navigation structure
  • Complex checkout process
  • Poor product discoverability
  • Lack of clear company information

Solution

Approach:

UX research and redesign focused on user needs and business goals.

Key Interventions
  • User research and persona development
  • Usability testing with target users
  • Information architecture redesign
  • WordPress-based implementation
  • Branding style guide development

Impact

Measurable results:
  • 15% increase in conversions
  • 21% reduction in bounce rate
  • 23% faster checkout process
  • 10% increase in AOV

Successfully delivered a more accessible and conversion-focused website within budget and timeline constraints.

My Role

Lead Product Designer, in direct collaboration with the CEO

Team: Product Designer (me), CEO

Timeline: 2 months

Tools: Figma, Google Analytics, Miro, WordPress, Zoom

Contributions by Phase

  • Research Phase: Created user personas from client insights, designed and deployed screener survey, conducted usability tests with 5 participants
  • Analysis Phase: Synthesized usability test data using affinity mapping, prioritized issues and recommendations
  • Design Phase: Created wireframes and prototypes in Figma, developed information architecture
  • Validation Phase: Conducted second round of usability testing, collaborated on branding style guide
  • Implementation: Worked within WordPress constraints to implement design

Disclaimer: Due to confidentiality and access restrictions, I am unable to showcase the full scope of the redesign or the original company materials. However, I have included the design revisions I made on the new site, which highlight key aspects of the redesign process.

Discover

The client first shared information on their target market with me. I took this information and created user personas to better visualize Soleoado’s target audience. I advocated for and would have liked to conduct further user research, but was unable to due to time and budget constraints.

User personas

User Flows

After gaining a better understanding of Soleoado’s target audience, the client and I discussed common tasks users would complete on the site. Using Miro, I then created user flows based on the most critical and frequent tasks users would perform:

User flow for finding and adding a product to cart

Flow #1: Finding and adding a product to cart

Check out flow

Flow #2: Checking out

Locating shop and company information flow

Flow #3: Learning more about the company and shop policies

Usability Tests

I then used these user flows to inform the tasks I would ask users to complete to test the current website as-is. I created and deployed a participant screener survey to find relevant participants based off of Soleoado’s target audience and conducted usability tests with 5 participants to unveil areas for improvement within the company website.

Here are the objectives of the test:

Define

After conducting the usability tests, I synthesized the data by creating an affinity map. The affinity map helped me group similar ideas into categories to better understand overarching issues and concerns.

Here is the affinity map:

Affinity map of usability test data

Based on the data I gathered from the website usability test, several key points emerged:

Based off these key discoveries, I made a list of issues and recommendations and prioritized them based on how critical they were to users being able to complete their desired tasks. Here is that list:

List of issues and priority

Then, I incorporated these recommendations into wireframes I created using Figma. Because the website already existed, I simply used a plugin to convert the site webpages into wireframes that I could edit. I then turned these wireframes into a prototype and conducted a second round of usability tests to evaluate the effectiveness of my design changes. After the second round of tests, I created another affinity map to make sense of the data:

Affinity map of data

Here are the key discoveries that emerged from this set of data:

  1. 🧭 Navigation Preferences: Users typically prefer to search for items by name and piece rather than scrolling through categories. While users were eventually able to find the search bar, a more obvious search bar option would enhance the user experience.
  2. 🌈 Product Selection: Users sometimes attempted to add products to the cart before selecting color options, indicating a need for clearer prompts for mandatory selections before adding to the cart.
  3. ✍️ Product Details and Reviews: Users find it helpful to have detailed product dimensions and appreciate the presence of reviews to aid in decision-making.
  4. 🌱 Customization and Eco-friendliness: Users appreciate features like production time estimates for made-to-order items and information about weight limits, indicating a preference for customizable and eco-friendly products.
  5. 🛒 Checkout Process: Overall, users found the checkout process to be easy and straightforward, particularly appreciating the availability of payment options like PayPal, Klarna, and Google Pay.
  6. ❔ Accessing Shop Information: Users typically navigated to 'FAQs' instead of 'Important Information' to find additional shop information, suggesting the need for improved information architecture.
  7. 👍 User Interface Feedback: Users generally found the website interface simple, clean, and intuitive to use, indicating overall satisfaction with the site’s design and functionality.

Implement

In collaboration with the artist, I created and implemented a branding style guide to solidify branding and ensure cohesiveness across platforms:

Soleoado branding

Solution

Here is the final solution:

Before and after drop down menu
Before and after header and footerBefore and after FAQ's and Important InformationBefore and after product page with express payment optionsBefore and after product descriptionBefore and after prints page

Note: Prints are sold through a separate site which is why this page looks different from the rest.

Impact

*Data analytics after the initial site redesign and before design revisions on the new site

Reflection

In summary, addressing user preferences for clearer navigation options, improving customization features, and optimizing the layout for better visibility would likely enhance the overall user experience and satisfaction with the website.

Additionally, maintaining a streamlined checkout process and ensuring easy access to shop information are essential for facilitating smooth transactions and building user trust.

Due to constraints in time and resources, I was unable to incorporate changes addressing concerns from the second round of usability testing. However, if I had the opportunity to, here are some tangible changes I would make:

  1. Implement a more prominent search bar to streamline the user’s journey in finding desired products.
  2. Optimize the checkout process by visually indicating mandatory selection of product options before adding them to cart.
  3. Adjust layout of art prints to be more digestible and visually engaging by enlarging their sizes.

Investing time and resources into these suggested improvements would likely result in a more satisfying user experience, ultimately leading to increased conversions and customer satisfaction. Regular usability testing and feedback collection should also be incorporated into the website’s maintenance strategy to continue refining and optimizing the user experience over time.

Want to see the prototype in action?

Click here to check it out!SOLEOADO landing page

Want to get in touch?
Drop me a line! 📝

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Scroll to Top