Work Smart Enjoy Life

A redesign for an ecommerce company that sells diaper bags designed for dads.
The Team
Nelson DiazSamantha Gosling

Research & Synthesis

Initial Assumptions

Our research began with conducting ten user interviews, five moms and five dads all with children under the age of five years old. Our assumption was that there might be differences in the shopping habits or user needs between the two demographics.

We thought that our target user would ultimately be dads, given that's who the product is targeted towards, however this would end up not quite being the case.

Methods & Tools

  • User Interviews
  • Usability Testing (current site)
  • Competitive Analysis
  • Feature Analysis
  • Heuristic Evaluation
  • Persona
  • Journey Maps
  • Affinity Mapping
  • User Flows
  • Problem Statement

Interview Insights

Five out of five
Dads said that their wives bought their current diaper bag
Five out of five
Moms wanted a
full understanding of the product, including pictures, reviews, videos and features
Five out of five
Moms are members of online parenting communities, who's reviews they trust
Five out of five
Dads want stylish,
gender neutral
baby products
three out of five
Dads said that their wives do the research for all the baby products

The biggest insight from these interviews was that while the product was designed to appeal to dads, the users of the website were very likely to be moms.

Our primary users being moms therefore meant that we should consider placing increased emphasis on product features, information, and reviews in our redesign.

Usability Test Insights

In our usability tests, we tested the current mobile website with a group of parents representative of our users.

All users were able to successfully navigate from the homepage, to the product page and then to checkout.

Screenshot of mobile version of original website product page. A bag with it's features annotated is centered.

However most noted that the text highlighting the features was very small on mobile, and difficult to read.

In addition most users said that as parents they did not have enough information on the product to comfortably purchase.

four out of four
Users were able to navigate from homepage to product page, to checkout.
three out of four
Users noted that the text on the features was too small to read on mobile
three out of four
Users said that there was too little information on the product

Additional Insights

Our heuristics evaluation, using the Abby method aligned with our interview findings that there was insufficient information on the product page, ranking low in terms of 'Usefulness'

Our feature analysis highlighted that instructional videos to elaborate on product features could be a way to resolve the informational needs of our users.

Synthesis

Problem Statement

Marg and her husband are having trouble finding a multifunctional diaper bag that they can both use during and after their baby grows up

How might we improve WSEL's current website to improve Marg's shopping experience in finding a diaper bag that meets her and her husband's needs?

Ideation and Design

Applying Insights

Problem statement identified, we went into the ideation phase of the redesign with the knowledge that we needed to expand upon the information and visual representations of the product, as well as emphasize reviews in order to establish credibility and enhance the usefulness of the website to Marg.

Methods & Tools

  • Design Studio
  • Adobe XD
  • Usability Testing
  • Wireframing
  • Prototyping

Design Studio

We completed design studio exercises for both mobile and desktop versions. Our process consisted of design, iteration and convergence phases.

Paper wireframepaper wireframe
paper wireframe of product page
paper wireframe of home pagepaper wireframe of checkout page
converging ideas paper wireframepaper wireframe converge and refine checkout

First we design many variations of a page within a set time, then we discuss and iterate on those designs.

Then we design again using the critique from the discussion, and then converge the best elements into a single design

Conclusion & Next Steps

We had achieved our goal of making the product pages more useful and relevant to the needs of our target user by seeking out and adding product information to the page, as well as increasing the visual prominence of product reviews.
However we were limited in our ability to respond to the user feedback requesting more product photos and videos showcasing product features due to lack of access to the products themselves.

Going forward we would require additional content displaying the product features, and subsequently iterate on our design to highlight those features that our test users requested.