Oink! Website Design

Project Overview

The product:

Oink! is a concept for a pet food company that ships directly to consumers and allows customers to schedule single or recurring deliveries. Oink! offers food for cats, dogs, birds, reptiles, fish, and small pets.


Project duration:

November 2022 - December 2022, completed as a part of the Google Career Certificate in User Experience Design.

The Problem:

Pet owners find shopping for pet food in person to be challenging, because it can be both time consuming and physically difficult to shop for large quantities.

The Goal:

Design a website that allows pet owners to select healthy food from a wide variety of options, and then schedule recurring deliveries that work with their schedules.

My Role:

User research, competitive audit, interviews, paper and digital wireframing, low and high-fidelity prototyping, accounting for accessibility, and iterating on designs.

Early Wireframing

Early wireframes for the Oink! homepage

Wireframing in Adobe XD


As I moved into wireframing using Adobe XD, I focused on the user flow of ordering cat food, including scheduling recurring deliveries.

Low-Fidelity Prototype

Using my digital wireframes I created a low-fidelity prototype. The user flow I connected included selecting cat food, scheduling a recurring delivery, and checking out.

View the Oink! low-fidelity prototype

Usability Study

Using the low-fidelity prototype, I designed and conducted a usability study focused on the flow of posting a new offer of help. Findings from this study included the following:


1.Users found it too confusing to have an “add to cart” feature from the product list page.

2.Users wanted a “buy it now” feature for when they are shopping for one item.

3.Users wanted the product details to be featured more prominently than reviews.


These findings informed the development of mockups.

Mockups

Feedback from the usability study informed the design of mockups for the desktop version of the site.

High-Fidelity Prototype

Additional Screen Sizes

In addition to the desktop version of the site, I also designed a mobile version.

Looking Forward

Impact:

The Oink! website would allow pet owners to easily select pet food and schedule recurring or single deliveries that fit their schedule and their pets needs.

Learning:

Designing the Oink! site was my first e-commerce project, and challenged me to to develop a clear and concise system for recurring deliveries in addition to one-time orders.



Next Steps:

Conduct another usability study to continue to improve the accessibility of the app, and Refine the language surrounding billing for recurring deliveries.