Close-up of green banana leaves with a text overlay that reads 'Clair. Know what's really inside.' 
Conceptual UX/UI Design

Services
Product Design

Roles
Design | Researcher

The What &‍
The Why

Clayr bridges the growing gap between consumer health awareness and the complexity of modern product labels. Using an actual networking database as well as an API, Clayr reads any product label, scanned in-store or searched from home, and instantly highlights concerning ingredients based on your personal health profile.

The result is a deeply personal, visually intuitive companion that empowers people to make genuinely informed decisions about everything they bring into their homes and bodies.

83% of consumers feel confused at least some of the time about ingredients on food labels, and 35% won't buy a product when they find confusing ingredients.

〰️

9.8T global wellness market projected by 2029

〰️

96% parents say they struggle to identify safe products for children

〰️

81% rise in clean label product searches since 2020

〰️

83% of consumers feel confused at least some of the time about ingredients on food labels, and 35% won't buy a product when they find confusing ingredients. 〰️ 9.8T global wellness market projected by 2029 〰️ 96% parents say they struggle to identify safe products for children 〰️ 81% rise in clean label product searches since 2020 〰️

The Problem Space

Three compounding forces are creating a real and urgent need for ingredient transparency tools, and existing solutions only partially address them.

  • Most product labels are deliberately complex. Chemical synonyms, obscure preservatives, and industry-approved additives hide in plain sight.
    The average consumer lacks the scientific literacy to decode what they're reading and can't be expected to cross-reference every ingredient before purchase.

  • Allergy rates, autoimmune conditions, and dietary sensitivities are all increasing. For these consumers, the stakes of a "wrong" purchase go beyond preference. It's a genuine health risk. They need a tool that understands their specific conditions, not a generic warning list.

  • More people than ever care about what they put in and on their bodies but awareness doesn't automatically translate into action.

    The friction of researching ingredients in the moment is too high. Clayr removes that friction entirely, making healthy decisions the path of least resistance.

Who are we building it for?

People with one or more allergies who already read every label but find it slow, stressful, and easy to get wrong when ingredients hide behind unfamiliar names.

Hidden allergen aliases are a daily risk

The sneezing emoji on IOS and Android to represent allergies

Allergy Sufferers

The "crunchy" community are the people who care deeply about clean living, natural products, and avoiding synthetic chemicals. Already vocal online and natural product advocates.

Greenwashing makes "natural" claims untrustworthy

Close-up of a young green plant seedling with two vibrant green leaves against a white background.

The Health Nuts

Parents who want to protect their families,
especially young children, from harmful additives. They think long-term, not just about immediate reactions.

No single trusted source for family-safe products

An animated character with long brown hair and a big smile hugging a large blue and green heart.

Conscious Parents

People who want to support small, independent brands that don't load their products with cheap preservatives or artificial fillers. They want cleaner.

Clean small brands are invisible in mainstream search

Two colorful shopping bags, one pink with white polka dots and the other yellow with orange stripes, placed against a white background.
Two colorful shopping bags, one pink with white polka dots and the other yellow with orange stripes, placed against a white background.

Ethical Shoppers

The experience in six steps

Three entry paths converge into one AI engine and one clear outcome, designed to be fast enough for the grocery aisle and rich enough for the planning session at home.

A hand holding a smartphone displaying an app login screen with the logo 'Clayn'. The background has a green and white design with the words 'Clayn.' and 'USER FLOW' on it.
A hand holding a smartphone displaying health survey options for allergies, health concerns, and lifestyle values, with a 'Continue' button at the bottom.
Instructions for scanning a barcode or searching a product in a health app with full transparency.
A digital infographic explaining AI processing in health profile analysis, featuring two smartphone screens showing a grocery shopping app and a product comparison screen.
Diagram showing a label with highlighted ingredients in red, yellow, or green for visual output, displayed on a smartphone screen, explaining label reading for products.
A digital slide presentation about a mobile app with a smartphone showing a food ingredient list and a section labeled 'SUMMARY' explaining flagged ingredients and their purpose.
Infographic with the number 6 and a section labeled 'ACTION' with instructions to save a product, find a cleaner alternative, add to cart, check store availability, or share with community. The background includes green curved shapes and a partial im

Visual Comparison

Green promotional poster with the large text "Where Clayr. Stands Apart" and smaller paragraph text below, discussing AI reasoning and app capabilities.
A green infographic slide with the title '01 Al as the engine, not a feature.' The slide contains a paragraph explaining how Clayr's AI system is foundational, powering interpretation, reasoning, and cross-referencing health data, unlike traditional
Green background with dotted pattern, yellow large number 02 at top left, and title 'Visual Label Highlighting' in green text. Below is a paragraph describing how visual label highlighting shows ingredients on product labels in red, yellow, or green
Green promotional background with yellow and white text about universal product coverage, mentioning barcode scanning, web search, and partner databases.
Green background with yellow and white text about a research app for product discovery and shopping.
Green background with text that says "What Clayr. Delivers" in yellow and white letters.
Green informational slide titled 'Personalized Protection' with the number '01' in the top left corner, explaining that flags are specific to each user's allergies and conditions and that a warning for one user may not apply to another.
Green presentation slide with yellow text '02' and 'Ongoing Education'; white text below reading 'Every flagged ingredient comes with a plain language explanation. Over time, users build real literacy about what to look for, Clay teaches as it protec
A green background screen with yellow text at the top displaying '03', and larger yellow text reading 'Effortless Discovery'. Below, white text explains using clean-ingredient alternatives, including small indie brands, for product search and brand v
Green digital display board with yellow and white text about real-time communication and its uses.
Green background with dotted pattern and yellow text that reads '05 Supports Clean Brands' and smaller white text explaining the support of small, clean-ingredient producers by Clayr.
Green background with yellow and white text about the 'Family Ready' profile management feature, supporting multiple profiles in one household.

The Brand

Diagram illustrating design principles with annotations: centered subtle leaf creating balance, extended arm diagonal for character differentiation, tight kerning for clarity and boldness.
Four circles in a row with colors from left to right: yellow, dark green, lime green, light beige, with the words "Color palette" below.
PREVIOUS | MANSFIELD ANIMAL SHELTER
PREVIOUS | MANSFIELD ANIMAL SHELTER
NEXT | OPEN WATER
NEXT | OPEN WATER