TRACE SUSTAINABLE SUPPLEMENTS MANAGER

TRACE SUSTAINABLE SUPPLEMENTS MANAGER

TRACE SUSTAINABLE SUPPLEMENTS MANAGER

UI/UX

UI/UX

AGENCY COLLABORATION

AGENCY COLLABORATION

YEAR: 2025

YEAR: 2025

ROLE: UX/UI Designer · Research · Visual Design

ROLE: UX/UI Designer · Research · Visual Design

PLATFORM: Mobile Application

PLATFORM: Mobile Application

TOOLS: Figma, Miro

TOOLS: Figma, Miro

COLLABORATION: Thoughtfull Studio (Design Agency)

COLLABORATION: Thoughtfull Studio (Design Agency)

the PROBLEM

the PROBLEM

{1}

{1}

The New Zealand supplement market is growing faster than its transparency.

The New Zealand supplement market is growing faster than its transparency.

For eco-conscious consumers, it’s difficult to determine which supplements are genuinely sustainable, ethically sourced, and worth trusting.

For eco-conscious consumers, it’s difficult to determine which supplements are genuinely sustainable, ethically sourced, and worth trusting.

This sparked the question - How can we help environmentally conscious users find, manage, and reorder supplements that align with their sustainability values?

This sparked the question - How can we help environmentally conscious users find, manage, and reorder supplements that align with their sustainability values?

the SOLUTION

the SOLUTION

{2}

{2}

A supplement management application

A supplement management application

Helping eco-conscious users discover, verify, and maintain sustainable supplement choices.

Helping eco-conscious users discover, verify, and maintain sustainable supplement choices.

Ecosia for supplements

Ecosia for supplements

  • Centralised marketplace for discovering sustainable supplements across brands


  • “EcoTag” design system for quick comparison based on ethical sourcing, packaging, and ingredients


  • Filters from personal sustainability values, reducing decision fatigue and greenwashing ambiguity

  • Centralised marketplace for discovering sustainable supplements across brands


  • “EcoTag” design system for quick comparison based on ethical sourcing, packaging, and ingredients


  • Filters from personal sustainability values, reducing decision fatigue and greenwashing ambiguity

Real-World Verification

Real-World Verification

  • In-store scanning using AI-powered image recognition to assess sustainability at a glance


  • Traffic-light system translates complex sustainability data into simple, actionable feedback


  • Seamlessly connects physical products to digital transparency through detailed product pages

  • In-store scanning using AI-powered image recognition to assess sustainability at a glance


  • Traffic-light system translates complex sustainability data into simple, actionable feedback


  • Seamlessly connects physical products to digital transparency through detailed product pages

Habit Tracking

Habit Tracking

  • Logged supplements form a personal dashboard for tracking usage and reordering


  • Smart notifications support continuity by alerting users when supplies run low


  • Eco impact metrics visualise positive environmental contributions, reinforcing sustainable behaviour

  • Logged supplements form a personal dashboard for tracking usage and reordering


  • Smart notifications support continuity by alerting users when supplies run low


  • Eco impact metrics visualise positive environmental contributions, reinforcing sustainable behaviour

DESIGN PROCESS

DESIGN PROCESS

{3}

{3}

Collaboration & Mentorship

Collaboration & Mentorship

Mentored by Kate Gavin (Thoughtfull’s Lead Designer)

Conducted within an industry–academic collaboration.

Mentored by Kate Gavin (Thoughtfull’s Lead Designer)

Conducted within an industry–academic collaboration.

Miro Board used for team research. The project involved close collaboration with mentors and regular critique sessions that simulated a professional product team workflow.

Miro Board used for team research. The project involved close collaboration with mentors and regular critique sessions that simulated a professional product team workflow.

6 - Weeks gathering research, trends and insights.

Brief

  • Trends research

  • User Interviews

  • Affinity Clustering and Themes

6 - Weeks gathering research, trends

and insights.

Brief

  • Trends research

  • User Interviews

  • Affinity Clustering and Themes

6 - Weeks translating ideas into functional design

Concept testing

  • Coding tests result

  • Developing idea & Design systems

  • Delivered

6 - Weeks translating ideas into functional design

Concept testing

  • Coding tests result

  • Developing idea & Design systems

  • Delivered

USER PERSONA

USER PERSONA

{4}

{4}

The Healthy Skeptic

The Healthy Skeptic

A values-driven consumer seeking trustworthy, sustainable health choices.

A values-driven consumer seeking trustworthy, sustainable health choices.

Goals

Sustainable supplement choices

Understand sourcing, ingredients, and packaging at a glance

Maintain consistent supplement habits

Goals

Sustainable supplement choices

Understand sourcing, ingredients, and packaging at a glance

Maintain consistent supplement habits

Pain Points

Greenwashing and vague sustainability claims

Difficulty comparing products across brands

Forgetting to reorder or running out of supplements

Pain Points

Greenwashing and vague sustainability claims

Difficulty comparing products across brands

Forgetting to reorder or running out of supplements

Design Needs

Clear sustainability indicators and filtering

Easy comparison and in-store verification

Simple tracking, reminders, and impact feedback

Design Needs

Clear sustainability indicators and filtering

Easy comparison and in-store verification

Simple tracking, reminders, and impact feedback

James

Age: 27

Location: New Zealand

INFORMATION ARCHITECTURE

{5}

TRACE was designed to support decision-making across discovery, real-world verification, and long-term habit management, while keeping sustainability information clear and accessible.

The experience is organised into four primary sections, each supporting a distinct user intent.

HOME/

MARKET PAGE

ECO-SCANNER

COMMUNITY HUB

ECO-IMPACT

Your Logged Supplement

Re-order

View your eco-impact

Smart Refill

Notifications

SETTINGS

Opt-in for

notification

PROFILE PAGE

Products Reviews

REVIEWS

Write Reviews

Find Products

Search Bar

Search Bar

Add Friends

View Friend’s

Supplement

Upload Pictures

Scan with Camera

PRODUCTS

Logged Supplements

Description

ECO-TAG

Buy Supplements

PRODUCTS

Search Bar

ECO-FINDER

Filter by

ECO-TAG

Filter by

ECO-TAG

Logged Supplements

Description

ECO-TAG

Buy Supplements

DESIGN SYSTEM

DESIGN SYSTEM

{6}

{5}

{5}

TRACE’s “Bento Box”

TRACE’s “Bento Box”

FINAL DESIGN

FINAL DESIGN

{7}

{6}

{6}