Bringing the look and feel of a boutique store to your computer screen
Decade is a small vintage store in Denver, CO with an eclectic inventory and cozy feel. Like so many stores struggling to keep the lights on during a pandemic, Decade's e-commerce site is more important to their profits than ever before. For this project, I investigated the current state of Decade's website, updating the look, feel, and user experience to better match the in-store vibe.
Competitor Analysis, User Testing, Affinity Mapping, Wireframes, Prototyping, Usability Testing, UI Design
In order to better understand e-commerce websites with a similar inventory to Decade, I performed a Feature Inventory focused on three of the store’s competitors: Etsy, society6, and ModCloth. All three, like Decade, have a fun, quirky aesthetic and unique products.
Clearly, Decade’s website is missing many of the features that their competitors offer. But not all features are necessary or desired by customers, so I needed to interview users to see what they really want in an online gift store.
What Do Shoppers Want and Need?
User interviews uncovered four major insights.
So the new design will...
Want to shop local
Highlight the store's role in the community and its support of local artists
Shop on Amazon more than any other online store
Ensure the shopping experience at Decade is familiar and easy
Want to find unique and personal gifts
Focus on the store's one-of-a-kind products
Need to see ratings and reviews to build trust
Provide ratings and reviews for all products
Decade's inventory already appeals to customers. A few simple changes could help Decade stand out against larger companies.
Current Site Usability
Next, I conducted usability tests with four users. They gave general feedback on Decade's current online store and were tasked with finding a particular product and completing the checkout user flow.
"This looks cool! This looks like a place where I'd shop!"
Finding a particular item by category took 1, 4, or 5 tries
"The big picture at the top of the page is distracting. It feels unnecessary."
"There needs to be a search bar."
The feedback was consistent:
Users loved Decade's inventory, but found the site confusing to use.
Defining Our User
Based on this research, I created a persona to represent the particular consumer I’d be designing for. Lizzie loves her friends and is dedicated to finding them the right gift — but not at the expense of time spent navigating a confusing new website.
Our user has a problem, and Decade’s website can solve it by providing fun, quirky products, an easy to understand organization of inventory, and a simple shopping and checkout process.
Based on usability tests, I knew I needed to find a better way to organize inventory. I set up a card sort where people organized products from the Decade website into groups that made sense to them. Four categories emerged:
Bath & Body
Clothing & Accessories
Fun & Games
The total number of categories dropped from
This will reduce cognitive load by
making the store easier to navigate.
Updated Site Map
Creating First Round Wireframes
With Lizzie in mind and with a new content hierarchy, I created a wireframe and prototype for the new site.