Petbarn Website – Concept

Project Description

Petbarn Website – Concept

Brief
Redesign the Petbarn website to be more user friendly
& highlight the services Petbarn offer.

Petbarns Objective

  • To be your one stop pet shop and build on their existing
    physical presence by boosting their online sales.
  • To make their customers more aware of all the services
    they currently offer which are being under utilised.

My role in this project

  • User research
  • User interviews
  • Data analysis & synthesising
  • Information architecture
  • Creating prototypes
  • Usability test prototypes
  • Presenting the project

UX Challenges
Getting to know the user

10 Interviews to Understand Customers
First we needed to clearly define who Petbarns customers are and how the
customers currently interact with Petbarn. We spoke with 10 pet owners about
their instore and online shopping habits.

Our key insights were:

  • 80% of users prefer to shop in store
  • Online shoppers only buy pet food
  • Online shoppers may consider buying flea/tick treatment
  • Online Shoppers Google search for the cheapest store.
  • 100% of users said the current Petbarn website was confusing, difficult to use & more expensive
  • 100% of users didn’t want to pay for shipping.

90 Pet owners Surveyed
To get a clearer picture we surveyed 90 people to see:

  • What types of products they buy in store vs online,
  • What kind of pets (dog, cat, rabbit etc) people have
  • How many pets
  • What pet services they use (dog wash/grooming, pet sitting, boarding etc)
  • How often they purchase pet products.

Our key insights from the surveys:

  • Majority of people own 1 pet, 80% said it’s a dog
  • People buy pet products (mostly food) every 2-3 months
  • The most used pet service was dog washing
  • Users are more likely to use the Petbarn website if it was
    easier to use, offered cheaper prices (as they can currently
    get things cheaper elsewhere online), and if they offered free,
    fast delivery.
  • Most of our users thought Petbarn only sold products and were
    currently unaware of all the services Petbarn offer.

 

 

 

 

 

Personas
Through synthesising the data we collected through our interviews and survey, we were able to identify 2 personas based on online vs in store.

Becky – Shops In store, she has a dog.
Becky only shops in store. This is because it’s convenient. Becky also love being able to chat with staff and get help and advice.

 

 

Dave – Shops online, He and his wife have a dog and a cat.
Dave buys most of his pet products in store but will shop online for the cheapest pet food or flea and tick treatment he can find.

 

 

Value Proposition
We then created value propositions for each of them. This helped us better understand them, the way they interact with Petbarn and their pains and gains with using Petbarns current site.

 

Competitor Analysis
It was important to conduct competitor analysis to see how Petbarns current site compares to some of the most popular online pet stores.

Petcircle.com.au

 

budgetpetproducts.com.au

Our key findings were that:

  • Some of the sites are also difficult to navigate
  • The prices are cheaper
  • They all offer free shipping once customers spend a certain amount
  • They all offer the ability to chat with someone to get help and advice.

 

How Users Look for Products?
We conducted card sorting workshops with 6 users to understand how they would look for products on a online store and how they would catagorise the products available. Users were asked to group items together under headings they would expect to find them under online. This helped us create our user-flow and sitemap which helped us develop our wireframes.

What does success look like?
At a minimum we needed to create a user friendly e-commerce site that had a streamlined shopping experience and that highlighted the pet services Petbarn offer.

 

A/B Testing Home Page Solutions
We conducted A/B testing of some potential home screens to see what users preferred. There were 3 options:

  • One highlighted the services provided
  • The second focused on subscription services
  • The third showed the products available at Petbarn and also highlighted that there were services available.

 

Our users unanimously felt the same way:

  • They found the first 2 options confusing as they could not find the products easily
  • All users said “I expect Petbarn to sell products”.
  • They all felt the third option allowed them to find what they wanted much easier but felt it didn’t highlight the features enough to make them stand out.

 

Wireframe Testing
Wireframes were then drawn up utilising our user-flow and sitemap.

Our goals were:

  • Create a mobile friendly e-commerce website
  • Make sure users can easily find the products they are looking for
  • Make the shopping cart and check out as quick and simple as possible
  • Highlight the services Petbarn provide.

These were user tested and further refined based on the responses we received:

  • Make buying products easier from the home page
  • Highlight the services provided even more
  • Simplify the shopping process and make it clearer how far through the process they are

 

Hi-Fi Prototypes
Keeping within Petbarns current branding guide, those revisions were then converted to high fidelity prototypes and tested again.

We discovered that:

  • Our users liked the look and feel of the site and could easily locate the products
  • It still wasn’t easy to see that Petbarn also provided pet services
  • Users really wanted the ability to chat with a staff member and get help and advice.

Tweaks & Changes
We refined the home page once again to highlight the services more

Upon further testing:

  • Users could still easily find the pet products they were looking for
  • Users were now more aware of the pet services Petbarn offered and how to find them.
  • They all found it easy to locate the product they were looking for, add it to their cart and checkout easily
  • All the users tested said they found the prototype to be a much better site to use.

Next Steps & Recommendations
Because this is still an early prototype, I would user test the current version with 3 or 4 more pet owners to help quantify how users interact with it & pinpoint areas that could still be improved upon. I would then make further refinements based on user feedback and test again.

I would also integrate some key features from the current Petbarn site such as user profiles and their loyalty program.

Recommendations based on user feedback

  • I recommend that Petbarn change their shipping charges to being free once customers spend over $30. (This will also bring them into line with other popular online pet stores).
  • I recommend they look at lowering their online prices. In some cases, Petbarns online price is 40% more than their competitors and this will help them capture more of the online market.

Project Details

Client: Petbarn Website - Concept

Tags: UX/UI Design

View Project
Back to Top