Platforms
Responsive Website
ROLE
Solo Product Designer: Research, UX/UI, Visual Design, Usability Testing
Tools
Figma, Adobe Creative Suite, Maze
Timeframe
4 Weeks
PRoject overview

What is Brooklyn Artisans Co.?

Brooklyn Artisans Co. (BAC) is a collection of local crafters and DIY-ers selling their creations under one shop—bringing joy to those who seek unique or handmade goods. The store has been selling on Etsy for over a year, accumulating a significant amount of sales and customer reviews. Their short-term goal is to build an independent website as the store becomes more established with more artisans and product offerings.

The store owner approached me to design a responsive website so that when they are ready to transition away from Etsy, they will have a strong blueprint to follow.

The challenge

How can BAC create its own space where it can't be overshadowed by competition just a click away?

Problem

Existing in competitive marketplaces like Etsy can be difficult to establish a business as a full-fledged shop. It can also force customers to be overwhelmed by the oversaturation of similar handmade products being sold.

Goal

Establish a unique online presence different from their Etsy profile—somewhere their artisans will be proud to sell their goods, as well as share their stories.

The research

Understanding how our target customers prefer to shop, what they value most, and determine if where they shop matters

User Interviews

After interviewing several participants, it can be assumed that shopping for handmade or unique items are generally ubiquitous across several types of customers. All participants frequently visit Etsy and strongly emphasized the same frustrations despite their personal needs.

Key Pain Point 1

It has become difficult to differentiate which stores are actually small businesses of handmade products and not resellers of mass-produced items.

Key Pain Point 2

The shopping experience can get overwhelming because of the extensive amount of products to look through.

Key Findings

All participants value uniqueness, good quality, supporting small businesses, and customer reviews

Participants expressed that learning about artisans’ stories give them more confidence in their purchases, and makes them feel more emotionally connected

Participants seek honest transactions—trust in sellers builds confidence in purchases

Persona Development

After analyzing the interview results and determining the key findings, I created the following personas that encapsulate the spectrum of customers who enjoy shopping for unique or handmade goods.

Competitive Analysis

‍I focused on assessing online stores that sell unique and handmade goods. My objectives were:

  • Determine the success factors for small businesses to thrive independently from marketplaces
  • Discover methods for storytelling and building customer confidence in the products

Storyboards

In addition to personas, I visualized the present and future states of the customer experience through storyboards. Having these assets to reference throughout the design process helped keep intentions and design priorities on track.

Present State: The customer gets frustrated with spending hours on marketplaces only to buy a product that didn't meet her expectations

Future State: The customer can easily build trust with the shop, giving them more confidence in their purchase.

Although where customers shop plays a role in there shopping experience, the core of their current frustrations is a lack of trust. We need to design an online experience that tells stories, bridges connections, and celebrates the quality and care customers desire.

Define

Constructing the website architecture

With the persona's frustrations and goals in mind, I anticipated user expectations and how they would navigate the BAC website using a flowchart. Users are able to easily flow through the interface in ways that benefit their immediate shopping needs. The pages created to address the lack of trust are easily accessible and are meant to enhance the overall shopping experience.

Ideate

Visualizing potential solutions to boost customer trust and confidence

Wireframes

While constructing the website's architecture, I focused on giving users opportunities to explore via multiple touchpoints on each page. They can easily learn more about the store, the artisans, and the craft behind each category of products.

Prototype

Key Solutions

Providing in-depth background information about each artisan

When it comes to purchasing unique goods, there is always a story to be told behind the product. My research has shown that most customers benefit from learning more about sellers. Each artisan profile gives customers full access to learn as much as they want.

Showcasing a wealth of video content that gives users an "inside look"

Being a small business owner these days often requires creating content that emotionally connects them with their customers. Giving the artisans a platform to store their content, allows them to provide customers with a more premium shopping experience.

Webinar Library: A collection of educational videos that covers the breadth of the artistry and craftsmanship of handmade goods.

Instagram Lives Library: An archive of social media engagements giving a peek into the artisans' more personal, "fun" side of the business.

Creating an intuitive and informative event registration flow

The key to successful event registration and engagement is ensuring attendees are well-informed about the event and able to quickly sign up.

Usability Testing

Testing to find new insights or frustrations

Participants expressed even more interest in learning about the artisans, so I added sections that highlight their creative values and favorite art pieces.

Showing even more personality

Variations in types of content

Although participants liked having artisan background information to read, they expressed a preference to watching a video as an alternative to learning more about the artisan.

More touch points to access social media profiles

Test participants wondered where to access the artisans' social media profiles. I added links on each artisan-specific page, and created a share feature for the events.

Making event details more scannable

Some participants felt that the text blocks for the event details were bulky, so I broke it down into bullets and made the information easier to scan.

Validation and new insights

After testing high-fidelity prototypes, key areas of focus had positive feedback with minimal changes

The design, branding, and content of the website created a warm, welcoming environment

Test participants expressed delight when navigating throughout the prototypes—exploring with confidence and ease. The main flow of navigating from the homepage to event registration had a 100% success rate.

The video library and event engagement offerings boosted customer confidence

All participants conveyed that these opportunities to learn and connect with artisans would encourage them to frequently return to the website.

design identity and style guide

Redesigned identity: Hand-drawn meets funky modern

I was tasked to redesign the existing logo and brand identity to reflect the store's growth as a fun Brooklyn-based company with edge. I took inspiration from the Brooklyn brownstone neighborhoods and general NYC landscape, while utilizing organic and flowing elements.

Final Thoughts

Major takeaways and next steps

Utilize defined task flow or flowcharts as a project's North Star

Remaining on track is vital to progressing a project in a timely manner. It can be easy to get lost designing screens that may not be used for testing. Looking back at a defined flowchart can help prioritize what needs to be done.

Users prefer more information, but in bite-size chunks

In places where I felt more information was better, my test participants conveyed interest in having the information be presented in a different format (e.g. instead of just a 4-paragraph long description, include a video to watch as an alternative to learning more).

Potential next steps

I would continue building out the other parts of the website:

  • Focus on the task flow of purchasing items—how can we maintain a level of customer confidence and trust throughout?
  • Test how existing task flows can be integrated when customers are making purchases

View more projects

UX/UI DESIGN | MEMORY LANE APP

Helping users understand their family history in hopes of creating deeper, more meaningful bonds

An end-to-end app concept designed to help users document their family history in a more fun, organized, and approachable way.

Read Story

UX/UI DESIGN | MEMORY LANE APP

Giving Instagram users more control of how they engage with content and the app

A new feature designed to give users more control of their Instagram and help curb the negative effects on their mental health.

Read Story