Testing UI layout studies

Same proof. Three ways to show it.

Completed results remain fully visible in every direction. Values are illustrative; this page is for comparing structure and scanning behavior.

Direction A

Test-first proof strips

The customer scans the five tests first, then compares the two labs directly beneath each test on mobile.

Independent batch verification

LIPOC-B001 · Vanguard + Janoshik

5 tests complete
01Identity
VanguardConfirmed
JanoshikConfirmed
02Purity
Vanguard100.8%
Janoshik99.6%
03Endotoxin
Vanguard<0.05 EU/mL
Janoshik<0.05 EU/mL
04Sterility
VanguardNo growth
JanoshikNo growth
05Heavy metals
VanguardBelow USP <232>
JanoshikBelow USP <232>
Vanguard COA Janoshik COA

Direction B · product-page native

Two independent records. One verified batch.

Using the same typography, warm neutrals, teal accents, borders, and controls as the current Chameleon product pages.

Chameleon BatchTrace Dual-lab verification complete

Every listed test is documented by two independent laboratories.

Current shipping batch LIPOC-B001
01
Vanguard Independent laboratory record
Verified
IdentityConfirmed
Purity100.8%
Endotoxin<0.05 EU/mL
SterilityNo growth
Heavy metalsBelow USP <232>
Certificate of analysisBatch LIPOC-B001
Open Vanguard COA
02
Janoshik Independent laboratory record
Verified
IdentityConfirmed
Purity99.6%
Endotoxin<0.05 EU/mL
SterilityNo growth
Heavy metalsBelow USP <232>
Certificate of analysisBatch LIPOC-B001
Open Janoshik COA
Two independent sources · five visible test categories · public reports

Direction C

Five-test proof grid

Each test becomes its own compact proof unit. This has the clearest visual grouping without hiding either lab’s result.

Both labs completed the full panel Current shipping batch LIPOC-B001
5 / 5
Identity
VanguardConfirmed
JanoshikConfirmed
Purity
Vanguard100.8%
Janoshik99.6%
Endotoxin
Vanguard<0.05 EU/mL
Janoshik<0.05 EU/mL
Sterility
VanguardNo growth
JanoshikNo growth
Heavy metals
VanguardBelow USP <232>
JanoshikBelow USP <232>
Vanguard COA Janoshik COA

Batch progress · product-page native

From sourced to ready for purchase

The full batch journey stays visible. Completed milestones are checked, the current stage is emphasized, and availability remains clearly pending.

Chameleon BatchTrace Batch LIPOC-B002

Upcoming Lipo-C 10 mL inventory

Batch progress Stage 03 / 05
Sourced Supplier secured
Received Inventory received
03 Sent for testing At laboratories
04 Testing received Results pending
05 Available for purchase After clearance
Current status: Samples have been sent to the independent laboratories.
In progress
Availability opens after testing is received and reviewed.