Spotter is a supplement store that checks the lab report, not just the label, so people who train can buy with confidence and see what they're really paying for.

RoleResearch, UX, UI and brand

Year2026

IndustryE-commerce, sports nutrition

PlatformWeb and mobile

ScopeDesk research · Personas · Flows · Wireframes · Design system · UI · Brand · Motion

Spotter protein listing on a phone floating above an open hand, on a lime gradient

Challenge

People who care about quality can't see it on the label. So they pay for the brand and hope it's real.

6 / 21

protein powders failed an independent label test

71%

of buyers stay loyal to one brand they can't check

ConsumerLab protein test, 2026 · CRN consumer survey, 2024

Brawnix whey isolate tub with label claims

low fatisolate25 g proteinBCAA

Solution

A store that shows the proof, not the promise. Verified first, then the fairest price per 25 g.

₪4.61

per 25 g of protein, the same scale for every brand

4.6 ★

flavor rating from 312 people who finished the tub

Every product shows its latest lab result before its price.

Who it's for

For lifters who read labels, compare every gram, and actually finish the tub.

Experienced gym-goers who pay more for quality, but switch when the quality is equal and the price gap is real.

Spotter product page on a phone lying on a padded gym bench, lavender background

Spotter Pick your fuel section on a laptop resting on black weight plates, lime background

How I worked

Designprocess

Four steps, each one checked before the next. Research before pixels, the system before the screens.

01
Research
Find what buyers can't see
OutputDesk researchStore auditDecision rule
02
Structure
Map one clear buying flow
OutputSitemapUser flow8 wireframes
03
System
Brand and tokens before screens
OutputLogoTokens27 icons
04
Design
Every screen, every size
Output15 screensPhotographyBrand film

[ we've got your back ]

Research

I audited where people buy today. Each store solves a piece of the problem. None puts proof, price and flavor in one place, across brands.

Who

Verified quality

Fair price scale

Honest flavor

Across brands

Israeli storesQuality in long articles, promotions everywhere

Global storesGreat filters and lots of reviews

Transparency brandsLab reports, only for their own products

Independent testersThe data, but you can't shop there

SpotterThe brief

Yes~ Partly No

Wireframes

Grayscale first, so every decision had to earn its place through hierarchy alone.

01 / 08

01HomeDesktop
02Shop listingDesktop
03Product pageDesktop
04CompareDesktop
05CartDesktop
06CheckoutDesktop
07ConfirmationDesktop
08How we verifyDesktop

Tap any screen to open the full page.

Design system

Two typefaces and four colors. Lime means action or verified, nothing else.

Typography

Archivo Expanded for headlines feels strong and direct, like a coach calling the next set. Figtree keeps everything else easy to read.

32–120 px16 px

Athlete doing kettlebell swings in a Spotter tank top

ArchivoExtraBoldFigtreeRegular

Lime#D4FF3A

Lavender#C9BDFB

Ink#141414

Paper#F4F3EE

Branding

We've got
your back.

Spotter box with try-it samples and a lab card

Spotter shipping box with lab-verified stickers

Spotter mailer boxes with lime tape and lab-verified stickers

Spotter is a supplement store that checks the lab report, not just the label, so people who train can buy with confidence and see what they're really paying for.

People who care about quality can't see it on the label. So they pay for the brand and hope it's real.

A store that shows the proof, not the promise. Verified first, then the fairest price per 25 g.

For lifters who read labels, compare every gram, and actually finish the tub.

Designprocess

Research

Structure

System

Design

I audited where people buy today. Each store solves a piece of the problem. None puts proof, price and flavor in one place, across brands.

Grayscale first, so every decision had to earn its place through hierarchy alone.

Two typefaces and four colors. Lime means action or verified, nothing else.

We've got
your back.

The whole story in 58 seconds, from the problem to the store.

The finished store. Pick a screen and scroll it the way a buyer would.

Thanks for
spotting me.

Spotter is a supplement store that checks the lab report, not just the label, so people who train can buy with confidence and see what they're really paying for.

People who care about quality can't see it on the label. So they pay for the brand and hope it's real.

A store that shows the proof, not the promise. Verified first, then the fairest price per 25 g.

For lifters who read labels, compare every gram, and actually finish the tub.

Designprocess

Research

Structure

System

Design

I audited where people buy today. Each store solves a piece of the problem. None puts proof, price and flavor in one place, across brands.

Grayscale first, so every decision had to earn its place through hierarchy alone.

Two typefaces and four colors. Lime means action or verified, nothing else.

We've gotyour back.

The whole story in 58 seconds, from the problem to the store.

The finished store. Pick a screen and scroll it the way a buyer would.

Thanks forspotting me.

We've got
your back.

Thanks for
spotting me.