E-Commerce Website Redesign
2 week sprint
Improve overall site architecture and navigation to enable easier browsing and help users find relevant content easily.
BellaVita is a small business boutique located in Oakland, CA. They stock local and independent designers, which fill their vintage store with finds for both women and children.
Understanding the Problem
The best way to learn about how people use a site is to watch them actually use it. I had 6 users go through specific tasks within the BellaVita site and talk through their process.
Task Analysis Insights
After observing them complete the tasks, as well as some debriefing questions related to their experience, some common pain points were:
too many categories to choose from
primary navigation too confusing and lack of a search bar
With the same 6 users, I collected information on their basic e-commerce habits. Sample questions include:
Which online retail sites do you visit the most
What keeps you goin back to the same sites
What is your biggest concern about buying products online
With an idea of the users’ pain points in mind, I visited competitor sites to see how they approached their user’s experience. I chose Gap and JCPenny since users mentioned they shop there frequently during interviews.
I found BellaVita was missing:
Defining the Problem
I created the persona, Victoria S. to effectively communicate the insights gathered during my research thus far.
Her main needs and goals are that:
1. She would like the be assured the clothes will fit correctly and that the material is worth the price.
2. She just wants a simple in and out shopping experience.
Victoria needs a faster and easier way to get the clothing she wants from BellaVita’s online site because their current layout frustrates and confuses her.
So how might we improve BellaVita’s online site so that Victoria has a more pleasant experience?
I'll show you!
Developing a Solution
In the previous design, the logo took up the majority of the screen, so Victoria was having trouble realizing where to go to shop. In the mid-fi I reduced the size and made the primary navigation much more visible, changing size and boldness.
One user said “The search should be on top, right in front of my face”. Say no more.
Victoria was wasting time navigating around the entire site looking for what she wanted, but now with the new primary navigation, she no longer has to go through the extra step of clicking on “Products” to access these categories. To decide which categories to combine and keep, I conducted a card sorting activity with users.
Finalizing the Solution
After mid-fi usability testing, I incorporated some user feedback including:
Reverting back to the original logo-- I’ll leave logo redesign for the graphic design experts.
Sort and Filter option was added to their products page based on findings during the Competitor analysis.
Customer reviews are the best solution to one of Victoria’s needs: being assured that clothes will fit correctly and the material is worth the price.