Bethany is a bubbly multi-device digital device Design Lead, living and working in beautiful Grand Rapids, Michigan.
P170358_9z.png

Modernizing Veterinary Retail: Heartland Vet Supply & Pharmacy E-Commerce Redesign

Modernizing Veterinary Retail

Heartland Vet Supply & Pharmacy E-Commerce Redesign

 

Overview

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non ultricies tellus. Mauris nec tortor sollicitudin, suscipit velit vitae, viverra nunc.

My Role: Solo Senior UI/UX Designer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non ultricies tellus. Mauris nec tortor sollicitudin, suscipit velit vitae, viverra nunc. Nunc vel enim vehicula, placerat dui quis, malesuada justo. Etiam euismod, lectus nec imperdiet pellentesque, elit elit pulvinar nisl, quis blandit neque mi vel ex. Mauris nec sodales justo. Sed semper varius maximus. Proin non nunc et ante commodo tempor. Aliquam tincidunt feugiat magna, quis tristique neque porta vitae. Donec vitae felis cursus, congue augue a, convallis lorem. Mauris molestie convallis arcu, id pellentesque enim lacinia nec. Curabitur tellus augue, malesuada eleifend eleifend sed, sodales eget nunc. In convallis finibus mi, elementum aliquam libero suscipit a. Aliquam erat volutpat. Proin mi diam, fringilla id justo id, pretium vulputate mauris.

Overview

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non ultricies tellus. Mauris nec tortor sollicitudin, suscipit velit vitae, viverra nunc. Nunc vel enim vehicula, placerat dui quis, malesuada justo. Etiam euismod, lectus nec imperdiet pellentesque, elit elit pulvinar nisl, quis blandit neque mi vel ex. Mauris nec sodales justo. Sed semper varius maximus. Proin non nunc et ante commodo tempor. Aliquam tincidunt feugiat magna, quis tristique neque porta vitae. Donec vitae felis cursus, congue augue a, convallis lorem. Mauris molestie convallis arcu, id pellentesque enim lacinia nec. Curabitur tellus augue, malesuada eleifend eleifend sed, sodales eget nunc. In convallis finibus mi, elementum aliquam libero suscipit a. Aliquam erat volutpat. Proin mi diam, fringilla id justo id, pretium vulputate mauris.

Problem Space

[Insert Statistic]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non ultricies tellus. Mauris nec tortor sollicitudin, suscipit velit vitae, viverra nunc. Nunc vel enim vehicula, placerat dui quis, malesuada justo. Eiam euismod, lectus nec imperdiet pellentesque, elit elit pulvinar nisl, quis blandit neque mi vel ex.

Goals

[Insert Subheadline]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non ultricies tellus. Mauris nec tortor sollicitudin, suscipit velit vitae, viverra nunc. Nunc vel enim vehicula, placerat dui quis, malesuada justo. Eiam euismod, lectus nec imperdiet pellentesque, elit elit pulvinar nisl, quis blandit neque mi vel ex.

Step 1: Discover

Understanding Veterinarian Needs and Discovering Existing Solutions on the Market

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non ultricies tellus. Mauris nec tortor sollicitudin, suscipit velit vitae, viverra nunc. Nunc vel enim vehicula, placerat dui quis, malesuada justo. Eiam euismod, lectus nec imperdiet pellentesque, elit elit pulvinar nisl, quis blandit neque mi vel ex.

Research Outcomes

After completing the research, I synthesized the data to develop my insights and created two personas and one competitive analysis.

Insights

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non ultricies tellus. Mauris nec tortor sollicitudin, suscipit velit vitae, viverra nunc.

Step 4: Low-Fidelity Design

Low-Fidelity Wireframes

After coming up with solid ideas and sketching process, I started to design low fidelity wireframes to present the ideas in a more clear way.

Step 6: User Testing

Before - Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non ultricies tellus. Mauris nec tortor sollicitudin, suscipit velit vitae, viverra nunc.

Before - Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non ultricies tellus. Mauris nec tortor sollicitudin, suscipit velit vitae, viverra nunc.

Before - Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non ultricies tellus. Mauris nec tortor sollicitudin, suscipit velit vitae, viverra nunc.

Step 2: Define

Defining the User Needs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non ultricies tellus. Mauris nec tortor sollicitudin, suscipit velit vitae, viverra nunc. Nunc vel enim vehicula, placerat dui quis, malesuada justo. Eiam euismod, lectus nec imperdiet pellentesque, elit elit pulvinar nisl, quis blandit neque mi vel ex.

Step 3: Ideate

Mapping the Ideal Experience

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non ultricies tellus. Mauris nec tortor sollicitudin, suscipit velit vitae, viverra nunc.

Exploring Variations

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non ultricies tellus. Mauris nec tortor sollicitudin, suscipit velit vitae, viverra nunc.

Storyboarding the Prototype

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non ultricies tellus. Mauris nec tortor sollicitudin, suscipit velit vitae, viverra nunc.

Step 5: High-Fidelity Design

Creating Mood Boards

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non ultricies tellus. Mauris nec tortor sollicitudin, suscipit velit vitae, viverra nunc.

Developed the UI Style Guide and Design System

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non ultricies tellus. Mauris nec tortor sollicitudin, suscipit velit vitae, viverra nunc.

High-Fidelity Screens and Prototypes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non ultricies tellus. Mauris nec tortor sollicitudin, suscipit velit vitae, viverra nunc.

 

Solution

Headline 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non ultricies tellus. Mauris nec tortor sollicitudin, suscipit velit vitae, viverra nunc.

Headline 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non ultricies tellus. Mauris nec tortor sollicitudin, suscipit velit vitae, viverra nunc.

Headline 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non ultricies tellus. Mauris nec tortor sollicitudin, suscipit velit vitae, viverra nunc.

 

Next Steps

Headline 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non ultricies tellus. Mauris nec tortor sollicitudin, suscipit velit vitae, viverra nunc.