Menu

Menu

Menu

Four Dogs

Four Dogs

Four Dogs

E-Commerce Redesign

E-Commerce Redesign

E-Commerce Redesign

(Role)

(Role)

(Role)

UX/UI Designer

UX/UI Designer

UX/UI Designer

(Tools)

(Tools)

(Tools)

Figma, Figjam

Figma, Figjam

Figma, Figjam

(Duration)

(Duration)

(Duration)

3 weeks

3 weeks

3 weeks

(Introduction)

(Introduction)

(Introduction)

Rescuing the Retail: Reviving Four Dogs' Online Shop

Four Dogs Pet Supplies isn’t just a store—it’s a heartfelt extension of, Founder, Betsy’s lifelong passion for animals and her dedication to her community. As a former Great Dane rescuer, Betsy cultivated a loyal following through personal connections, local collaborations, and a thoughtful in-store experience that kept customers coming back.


However, as her business grew, her e-commerce site failed to deliver the same level of care and quality her brick-and-mortar shop was known for. Confusing navigation, broken links, and reliance on external e-commerce pages disrupted the online shopping journey, leaving customers frustrated and often driving them away.


Recognizing the disconnect, my goal was to create a seamless and inviting digital experience that reflected the heart of Four Dogs Pet Supplies. Through thorough research, iterative design, and usability testing, I transformed the e-commerce site into a user-friendly extension of Betsy’s mission, ensuring her customers felt as valued online as they did in-store.

(Original Site)

(Research)

(Research)

(Research)

(Research Methods)

Digging Deep: Uncovering what went wrong with Four Dogs' Online Experience

Digging Deep: Uncovering what went wrong with Four Dogs' Online Experience

Digging Deep: Uncovering what went wrong with Four Dogs' Online Experience

To better understand the needs of Four Dogs’ online customers, I conducted multiple phases of research that included


  • 4 User Interviews: To explore how customers shopped for pet supplies online.

  • 2 Usability Tests: To observe real users interacting with the existing site.

  • 1 Persona Creation: To help center design decisions around the needs, goals, and frustrations of Four Dogs’ typical online customer.

  • Card Sorting: To test intuitive product categorization.

  • Competitive Analysis: To benchmark Four Dogs against small local stores and large online retailers.

  • Heuristic Evaluation: To identify usability issues across the site.


Each method brought me closer to identifying the core issues and opportunities for aligning Four Dogs’ online experience with the trust and care its brand represents.

(Affinity Mapping)

(The Solution)

(The Solution)

(The Solution)

Key Insights Driving the Redesign

Key Insights Driving the Redesign

Key Insights Driving the Redesign

The insights gathered through research and synthesized using affinity mapping revealed a clear picture of customer needs, frustrations, and opportunities for improvement. These findings became the foundation for my design decisions:

1. Convenience and Speed

Customers sought a seamless shopping experience, with intuitive navigation and efficient filters to quickly find what they needed.

Customers sought a seamless shopping experience, with intuitive navigation and efficient filters to quickly find what they needed.

Customers sought a seamless shopping experience, with intuitive navigation and efficient filters to quickly find what they needed.

"I like to find products, contact, and pricing quickly."

"If a website is too slow, I will abandon the purchase."

"I’m a foster for puppies, so I use online shops when I need quick supplies like, puppy pee pads, shampoos, etc."

  1. Brand Loyalty

Pet owners were deeply attached to specific brands, especially for food and treats, and relied on small, local businesses for trusted guidance.

"Four Dogs sells good local brands that you don’t find at chain stores."

"I like to see brand categorization immediately - don’t recommend me other brands - it's visually chaotic to me when I’m trying to search for a specific thing."

"My dogs have sensitive stomachs, so I’m always nervous to change brands."

  1. Transparency and Trust

Clear, accessible information about product quality, sourcing, and safety was essential for building and maintaining customer trust.

"I want to know what a brand and business advocate for so I can justify spending the money."

"I feel confident about the reliability of a product when I see reviews from real customers."

"I highly value Ethos on pet brands and their practices on sustainability."

  1. In-Store vs. Online

The personalized recommendations and expertise customers valued in-store were missing online, creating a disconnect that left them feeling unsupported.

"When I’m in a store, I ask a lot of questions to the employees. I value their opinion and experience with the product."

"I value the owners opinion on products and troubleshooting issues with my dog when I visit the physical store."

"I look through a lot of CBD brands for dogs online, and then I go into Four Dogs to get her opinion on what’s the best option."

(The Persona)

(The Persona)

(The Persona)

Fetching Insights: Giving Four Dogs’ Customers a Voice

Fetching Insights: Giving Four Dogs’ Customers a Voice

Fetching Insights: Giving Four Dogs’ Customers a Voice

To put a face to the insights uncovered during research, I created a persona that embodied the typical Four Dogs’ online customer. This persona helped humanize the data, guiding design decisions to ensure they addressed real user needs and pain points.


Meet Connor, a busy professional and devoted pet owner who values supporting local businesses. He relies on trusted recommendations for his pet’s health and prefers shopping at Four Dogs for its personalized in-store experience. However, Connor’s packed schedule often forces him to shop online, where he feels frustrated by confusing navigation and the lack of clear product information.

Connor’s needs and goals highlighted the importance of creating a user-friendly site that reflects Four Dogs’ core strengths—trust, transparency, and a community-focused approach. By focusing on his challenges, the redesigned site aimed to balance convenience with the warmth and reliability customers experience in-store.

(Information Architecture)

(Information Architecture)

(Information Architecture)

Simplifying the Journey for Four Dogs' Customers

Simplifying the Journey for Four Dogs' Customers

The original website’s cluttered and confusing layout made it difficult for users to find what they needed, often leading to frustration and abandoned visits. Utilizing insights from the card-sorting exercise, I developed a new site map that:


  • Organized products into intuitive categories.

  • Prioritized clear, logical navigation paths.

  • Eliminated redundant and outdated third-party links.


This streamlined structure created a more efficient user journey, allowing customers like Connor to browse confidently and find the trusted products they rely on—quickly and effortlessly.

The original website’s cluttered and confusing layout made it difficult for users to find what they needed, often leading to frustration and abandoned visits. Utilizing insights from the card-sorting exercise, I developed a new site map that:


  • Organized products into intuitive categories.

  • Prioritized clear, logical navigation paths.

  • Eliminated redundant and outdated third-party links.


This streamlined structure created a more efficient user journey, allowing customers like Connor to browse confidently and find the trusted products they rely on—quickly and effortlessly.

(Sketching and Wireframes)

(Sketching and Wireframes)

(Sketching and Wireframes)

Homeward Bound

Homeward Bound

At this stage, I began sketching possible wireframes. Key pages—such as the homepage, product listing pages (PLPs), and product display pages (PDPs)—were designed with simplicity and clarity for the user in mind.

I incorporated:

  • Clean Product Pages: Featuring tabs for ingredients, sourcing, and product safety to support informed decisions.

  • Enhanced Filters: Including options for filtering between Best Sellers and Staff Picks.

  • Streamlined Checkout: Removing unnecessary steps for a seamless experience.


My designs were inspired by Patagonia’s e-commerce platform, which balances intuitive navigation with brand storytelling.

At this stage, I began sketching possible wireframes. Key pages—such as the homepage, product listing pages (PLPs), and product display pages (PDPs)—were designed with simplicity and clarity for the user in mind.

I incorporated:

  • Clean Product Pages: Featuring tabs for ingredients, sourcing, and product safety to support informed decisions.

  • Enhanced Filters: Including options for filtering between Best Sellers and Staff Picks.

  • Streamlined Checkout: Removing unnecessary steps for a seamless experience.


My designs were inspired by Patagonia’s e-commerce platform, which balances intuitive navigation with brand storytelling.

(The Final Design System)

(The Final Design System)

(The Final Design System)

Best In Show

Best In Show

Best In Show

The high-fidelity prototype captured the essence of Four Dogs’ in-store experience: trust, care, and community. It addressed every issue uncovered during research, from broken links to confusing navigation, while introducing new features like:

Categories and Filters Tailored to Customers Needs

Integrating Staff Recommendations into the homepage, as well as into PLP filtering

Clear and Informed Product Descriptions that Build Trust

Caloric information, quick ingredient access, and detailed customer reviews build transparency and confidence. Reviews now include dog breed, size, and ratings, helping users find the best products for their pets while reinforcing trust in Four Dogs Pet Supplies.

Reinforcing Community and Values

The final design integrates features that reflect Four Dogs' community-driven ethos. By enabling donations to the Humane Society at checkout, the redesign brings the spirit of the brick-and-mortar store online, fostering a deeper connection between the brand and its customers. This addition not only supports animal welfare but also strengthens the shared values and trust that define the Four Dogs experience.