Project

Guide to Buying a Dog Online

My Role

User Research

UX Design

UI Design

Data Visualisation

Summary

An online resource for people buying pets online that shows market trends using data visualisation.

Visit SiteDissertation

User Research

  • Focus Group
  • Interviews
  • Workshop

UX Design

  • Personas
  • Prototyping
  • User Stories
  • User Testing
  • Sitemap
  • System Architecture
  • User Flow

UI Design

  • Style Guide
  • Illustration
  • Wireframes
  • Design Mockups

Data Vis

  • Python
  • D3

Problem statment

The online sales of domestic animals such as dogs has long been unregulated by the UK government. In 2018 legislation was passed that allowed for better monitoring of dog breeding businesses. However, the awareness of these regulations could easily go unseen by market consumers if they fail to do extensive research into best practices.

The aim of this project was to explore whether data visualisation is an effective aid for consumer decision making in the online pet buying market.

Phase One

  • User Focus Group
  • User Personas
  • User Stories
  • Sitemap
  • System Architecture
  • User Flow
  • Style Guide
  • Illustrations
  • Wireframes
  • Mockups
  • MVP

User Focus Group

The aim of the initial focus group was to collect user attitudes towards the dog market. As a group they wrote down the steps, thoughts and decisions they made when they brought a dog.

Focus group process map

Decision Flow

User Personas

Solo Decision Maker

Group Head Decision Maker

Group Co-decision Maker

User Stories

User stories were created based upon findings from the user research to understand when and for what the website would be used.

Sitemap

System Architecture

User Flow

Style Guide

Illustration

MVP Prototype

An MVP was created so the concept could be demoed to stakeholders.

MVP Site

Phase Two

  • Co-design Workshop
  • Sitemap
  • System Architecture
  • User Flow
  • Wireframes
  • Mockups
  • User Testing

Co-Design Workshop

In the co-design workshop users gave feedback on the visualisations via worksheets. They also came up with visualisation ideas for the issues that were discussed in the workshop.

Issue Visualisation Ideas

Worksheet Example

Sitemap

System Architecture

User Flow

Final Prototype

Click the link below to view the final prototype.

Final Site

Next Project

PanicApp