Wild Duck

PROJECT OVERVIEW

The Wild Duck Wine & Spirits is a local brick and mortar liquor store that specializes in fine wine, spirits, and craft beer in the Boston area for over a decade. Though a store website exists, it doesn’t offer online purchases.

This was a conceptual project to design an e-commerce section adding to the current website that would offer the customers a seamless and streamlined shopping experience.

BASICS

  • Duration: 2 weeks

  • Team: Solo

  • My Role: Research, Interview, Design and Usability Testing

  • Deliverables: Digital Interactive Prototype

  • Tools: Axure, Photoshop


RESEARCH

 

STORE VISIT

The very first step I took for this project was to visit the store. My goals were to experience its dynamic in person, browse the products and gauge customers demographics. I was able to talk to one of the employees and below are some key findings:

  • The store is well organized and tidy.

  • Wines are prioritized in displaying.

  • The store offers phone-order for deliveries.

  • Each customer spends 5-10 mins per visit.

  • Customers age range: 25-60, gender split even.

SURVEYS

I sent out surveys to inspect the target users’ demographics, their alcohol buying habits and receptiveness to alcohol online shopping:

  • Most are in their 20s and 30s

  • Most buy alcohol on a regular basis

  • Most would be willing to purchase alcohol online

 

INTERVIEWS

With 10 responses from the survey, I conducted interviews with 5 of them and was able to distill down to three major insights:

  • Most participants are efficient with buying merchandises online, and do so on a regular basis.

  • Most participants want to have a seamless and quick online shopping experience.

  • The majority of participants usually don’t like reading notes but would appreciate good visuals.

COMPETITIVE ANALYSIS

I analyzed 4 other competitors’ sites that provide online purchases and here are what I found:

  • There were a few features that they all had, including search functionality, featured items and customer reviews.

  • But only half has customers’ recommendations.

  • And majority neglect to promote sales and discounts.

PROBLEM

With the research findings and insights from user interviews, I structured a problem space that capsulated the major pain point to solve:

Users with busy life style need an online liquor store that allows quick and hassle-free alcohol purchase experience to avoid the disappointing and tiring time at the store.

SOLUTION

I decided to implement all of the mentioned features. I also wanted to put more focus on creating an efficient filter function as well as providing informative graphics for better browsing and searching experiences.

I took a step further to set Wild Duck apart from the competitors by creating the “Sommelier” feature that recommends products based on customers’ needs and preferences.


DESIGN

 

USER FLOWS

This flow demonstrates how a user browses and purchase a bottle of red wine

This flow demonstrates how a user utilize the Sommelier feature

 

INFORMATION ARCHITECTURE

I utilize open card sorting method to categorize the main types and subtypes of the products.

A Site Map for the product categories was created based upon the result of 5 testings.

 

SKETCH

Hinging from the generated user flows and the research analysis, I digitally sketched the rough layouts of how I wanted the home page and the main product pages to look.

 

WIREFRAMES

 

Lo-fi wireframes were created based on the preliminary sketches by utilizing Axure. The following images are example of the primary screens of “browsing & purchasing” flow.

 

USABILITY TESTING & ITERATIONS

 
 

USABILITY TESTING

I conducted total of 6 usability tests across 5 versions of the low-fi prototypes. Each round provided major insights and valuable feedback. The following images are the main roadblocks that the users encountered and the comments that I received

 
 

ITERATION EXAMPLES

 

Product Screens Iteration

  • I decided to expand the filter menu permanently because the difficulties that users encountered were consistent, and also by expanding it, it will separate it from the common mixed-up between sorting and filtering.

  • The sub-menu was also moved closer to the product grid to clarify and differentiate it from the breadcrumbs that were formerly above.

 
 
 

Shopping Information Screens Iteration

  • Based on consistent comments from testings, I shrunk down the “Order Summary” panel to prioritize the form on the left size

  • I also unbold the title of the sequential steps in the form because a few users were confused that they were clickable links.

 

INTERACTIVE PROTOTYPE


 

TAKEAWAYS

  • I learned to efficiently manage my time. I created a mechanism and a system to keep myself on track and stay focus for the duration of a solo project.

  • I gained more insights and more confidence in interviewing users, especially developed the method to be able to conduct effective and insightful conversation with users and collect valuable information.

© Jason Ma