JOHNNYMARTÍNEZ
IG·DRIBBBLE·BEHANCE
HRHEALTH
UI/UX
2022UX & UI DESIGN
designed with: figma + cursorwork type: web design
HR HEALTH hero

About the project

HR Health positions performance science in a clean, product-led experience. I structured the page to move from hero and product discovery into credibility blocks around formulation quality, absorption, and manufacturing standards, then into social proof and brand story. The result is a clearer path from curiosity to purchase while keeping the wellness tone premium and easy to scan.

/01

Category

Web Design

/02

Role

UX & UI design

/03

Client

HR Health

/04

Year

2020

Homepage hero and brand direction

Product discovery and quick purchase flow

The product section keeps choices simple with repeatable cards and a direct buy action for each formulation. Naming and hierarchy prioritize intent-based browsing - users can quickly compare options like Relax, Breathe, Focus, Perform, Study, and Sleep without digging through dense copy.

Product discovery and quick purchase flow

A wellness storefront that balances emotional product storytelling with practical trust cues people need before they buy.

The structure highlights products first, then backs claims with concise proof points and user stories.

Category
Web Design
Role
UX & UI design
Client
HR Health

Science and trust block

Mid-page content shifts from marketing tone to credibility: formulation standards, bioavailability, and Australian origin/manufacturing. Breaking this into compact sections helps users validate quality fast, with proof language such as third-party testing and TGA/GMP references doing the heavy trust work.

Science and trust block
Customer stories and social proof
Brand story and mission framing
Project phone mockup 1
Project phone mockup 2
Project phone mockup 3
HR HEALTH closing

Previous project

COACH TABBY

Next project

ELEVATE CANNABIS
JOHNNYMARTÍNEZ
IG·DRIBBBLE·BEHANCE
HRHEALTH
UI/UX
2022UX & UI DESIGN
designed with: figma + cursorwork type: web design
HR HEALTH hero

About the project

HR Health positions performance science in a clean, product-led experience. I structured the page to move from hero and product discovery into credibility blocks around formulation quality, absorption, and manufacturing standards, then into social proof and brand story. The result is a clearer path from curiosity to purchase while keeping the wellness tone premium and easy to scan.

/01

Category

Web Design

/02

Role

UX & UI design

/03

Client

HR Health

/04

Year

2020

Homepage hero and brand direction

Product discovery and quick purchase flow

The product section keeps choices simple with repeatable cards and a direct buy action for each formulation. Naming and hierarchy prioritize intent-based browsing - users can quickly compare options like Relax, Breathe, Focus, Perform, Study, and Sleep without digging through dense copy.

Product discovery and quick purchase flow

A wellness storefront that balances emotional product storytelling with practical trust cues people need before they buy.

The structure highlights products first, then backs claims with concise proof points and user stories.

Category
Web Design
Role
UX & UI design
Client
HR Health

Science and trust block

Mid-page content shifts from marketing tone to credibility: formulation standards, bioavailability, and Australian origin/manufacturing. Breaking this into compact sections helps users validate quality fast, with proof language such as third-party testing and TGA/GMP references doing the heavy trust work.

Science and trust block
Customer stories and social proof
Brand story and mission framing
Project phone mockup 1
Project phone mockup 2
Project phone mockup 3
HR HEALTH closing

Previous project

COACH TABBY

Next project

ELEVATE CANNABIS
JOHNNYMARTÍNEZ
IG·DRIBBBLE·BEHANCE
HRHEALTH
UI/UX
2022UX & UI DESIGN
designed with: figma + cursorwork type: web design
HR HEALTH hero

About the project

HR Health positions performance science in a clean, product-led experience. I structured the page to move from hero and product discovery into credibility blocks around formulation quality, absorption, and manufacturing standards, then into social proof and brand story. The result is a clearer path from curiosity to purchase while keeping the wellness tone premium and easy to scan.

/01

Category

Web Design

/02

Role

UX & UI design

/03

Client

HR Health

/04

Year

2020

Homepage hero and brand direction

Product discovery and quick purchase flow

The product section keeps choices simple with repeatable cards and a direct buy action for each formulation. Naming and hierarchy prioritize intent-based browsing - users can quickly compare options like Relax, Breathe, Focus, Perform, Study, and Sleep without digging through dense copy.

Product discovery and quick purchase flow

A wellness storefront that balances emotional product storytelling with practical trust cues people need before they buy.

The structure highlights products first, then backs claims with concise proof points and user stories.

Category
Web Design
Role
UX & UI design
Client
HR Health

Science and trust block

Mid-page content shifts from marketing tone to credibility: formulation standards, bioavailability, and Australian origin/manufacturing. Breaking this into compact sections helps users validate quality fast, with proof language such as third-party testing and TGA/GMP references doing the heavy trust work.

Science and trust block
Customer stories and social proof
Brand story and mission framing
Project phone mockup 1
Project phone mockup 2
Project phone mockup 3
HR HEALTH closing

Previous project

COACH TABBY

Next project

ELEVATE CANNABIS