Work | Interactive Map for Pure Source
Skip to content
Resume Work

FOLLOW THE FLAVOR

Mapping Global Ingredients

Demonstrating an ethical, mission driven brand by designing an interactive sourcing map for Pure Source Foods

The Solution

Turning Geography into a Guided Journey.

A clean, interactive sourcing map using subtle hover effects, product highlights, and geo-targeted callouts. Each country included visual context and easy click-throughs to related product listings.

Static

Origins

Hover

Location-Feature3
Location-Feature2
Location-Feature
Location-Feature2

OVERVIEW

A Global Food Discovery Experience

Pure Source Foods needed a way to help users understand where their globally sourced food products originated. The goal was to design an interactive sourcing feature that brought clarity and engagement to the customer experience—ultimately guiding users from curiosity to conversion. We aimed to boost product transparency and trust while maintaining strong visual design, accessibility, and performance standards.

Contributions

I led strategy, product thinking, and visual design. I worked closely with:

  • The Marketing Lead to map out product origins and user insights

  • The Product Manager to define feature requirements and prioritize scope

  • An Engineer to assess feasibility and plan development

Goals

Create a feature that helps users:

  • Understand where products are sourced

  • Explore food origins in a visual way

  • Navigate easily to relevant product details

Role

Product Designer

Timeline

1 Month

Responsibilities

Product Strategy
User Experience
Visual Design

Collaboration

Product Manager
Engineer
Marketing Lead

The Problem

No Clear Path to Product Origins

Pure Source Foods offers international food products, but users had no clear way to understand where their food was coming from. The existing product pages were static and disconnected from sourcing transparency. Customers needed a more intuitive, engaging way to explore product origins—something visual and interactive that could also help them find related products.

Interactive Sourcing

Simplified the site architecture and navigation to improve user flows.

Engaging Imagery

Collaborated with a UX designer, content creator, and project manager to align design and messaging with business goals.

A Path to Conversion

Introduced custom data visualizations and modules that effectively conveyed FinPay’s software capabilities—moving away from generic stock imagery.

The Process

Discovery

Collaborated with the marketing lead to identify all sourcing data across products. We uncovered user confusion during early interviews and feedback loops—people didn’t understand where items were coming from or what that meant for quality or supply.

The Process

Client Collaboration

I presented the tradeoffs and rationale to the client, leading to full buy-in and enthusiasm for the new direction. I created a scalable layout system so additional regions/products could be added in the future.

The Process

Iteration & Feasibility

After evaluating time and technical constraints, we aligned on a more efficient solution: a static but interactive map with hover states and imagery that linked to country-specific product pages.

The OUTCOME

A Modern, Simplified Web Experience

+34% increase in product exploration through the sourcing map

+28% longer average session duration on product pages

+19% uptick in click-throughs to country-specific product groups

High client satisfaction and adoption of the system as part of broader site updates

30%

INCREASE IN CONVERSION OPPORTUNITIES

75%

INCREASE IN SEO RANKINGS FOR USE CASES (BASED ON TARGET PERSONAS)

Key Takeaways

Simplifying UX and Mastering AI Iteration
  • Product thinking isn’t just about what looks good—it’s about aligning user needs, business goals, and technical feasibility.
  • Collaborative decisions (especially across product, marketing, and engineering) lead to smarter, more sustainable design.
  • Even simplified solutions can feel high-impact when built around user insights and thoughtful interaction.

*This clients company name was altered to ensure privacy. Full info available upon request or in full case study.

More Work