Building one digital ecosystem for a health-tech parent brand, two connected products, and the science behind them.
Building one digital ecosystem for a health-tech parent brand, two connected products, and the science behind them.
UX STRATEGY · WEB DESIGN · DESIGN SYSTEM
UX STRATEGY
WEB DESIGN
DESIGN SYSTEM
Zansors.
Zansors.
OVERVIEW
01
OVERVIEW
01
Two platforms. One credible story.
Two platforms. One credible story.
Zansors makes wearable health sensors and connected apparel. Its site hadn’t been updated since 2021, was spread across about 140 URLs, and Respa lived on a separate website. The new site had to establish Zansors as the parent brand and give Respa and beHumyn room to explain themselves.
Zansors makes wearable health sensors and connected apparel. Its site hadn’t been updated since 2021, was spread across about 140 URLs, and Respa lived on a separate website. The new site had to establish Zansors as the parent brand and give Respa and beHumyn room to explain themselves.
MY ROLE
UX/UI Product Designer
UX/UI Product Designer
SCOPE
Strategy through high-fidelity UI
Strategy through high-fidelity UI
TEAM
Client stakeholders + Squarespace developer
Client stakeholders + Squarespace developer
TIMELINE
March – October 2026
March – October 2026
WHERE IT STARTED
~140
URLs in the old sitemap, many of them hidden page fragments
URLs in the old sitemap, many of them hidden page fragments
42
blog posts, the newest from 2020
blog posts, the newest from 2020
2
separate websites for one company
separate websites for one company
2021
the last time the footer was updated
the last time the footer was updated
STRATEGY
02
STRATEGY
02
I organized the site around three questions.
I organized the site around three questions.
The structure gives visitors an immediate way to understand what Zansors is, explore the product that fits their context, and verify the science behind the claims.
The structure gives visitors an immediate way to understand what Zansors is, explore the product that fits their context, and verify the science behind the claims.
What does Zansors build?
The homepage and About experience establish the shared mission, multidisciplinary team, and connection between sensing, apparel, and personal health data.
The homepage and About experience establish the shared mission, multidisciplinary team, and connection between sensing, apparel, and personal health data.
Which platform is relevant to me?
The product overview acts as a gateway, routing visitors to Respa or beHumyn, each with its own audience, use cases, and calls to action.
The product overview acts as a gateway, routing visitors to Respa or beHumyn, each with its own audience, use cases, and calls to action.
Why should I trust it?
The Science experience connects federal R&D support, patents, human-subject studies, research posters, and the company’s evidence-building process.
The Science experience connects federal R&D support, patents, human-subject studies, research posters, and the company’s evidence-building process.
HOME
Our Products
Respa
beHumyn
Use cases
About
Company story
Team
Patents
Science
Federal R&D
Research posters
Evidence process
Insights
Articles
Topic filters
Product updates
Contact
Inquiry form
Product interest
Research collaboration
About
Respa
beHumyn
DESIGN DIRECTION
03
DESIGN DIRECTION
03
One system, with room for each product to speak.
One system, with room for each product to speak.
A clean, future-facing parent brand creates continuity across the site. Within that system, Respa uses deep blue and bright mint to feel precise and approachable, while beHumyn uses warmer neutrals and dark teal to feel more tactile and performance-led.
A clean, future-facing parent brand creates continuity across the site. Within that system, Respa uses deep blue and bright mint to feel precise and approachable, while beHumyn uses warmer neutrals and dark teal to feel more tactile and performance-led.
PARENT BRAND
Zansors
Zansors
Blue-to-purple gradients, generous white space, subtle technical geometry, and evidence-led messaging.
Blue-to-purple gradients, generous white space, subtle technical geometry, and evidence-led messaging.
PRODUCT 01
Respa
Respa
Clear breathing language, calm lifestyle imagery, device detail, and accessible product education.
Clear breathing language, calm lifestyle imagery, device detail, and accessible product education.
PRODUCT 02
beHumyn
beHumyn
Editorial product storytelling grounded in human performance, recovery, and field-ready applications.
Editorial product storytelling grounded in human performance, recovery, and field-ready applications.
PRODUCT STORYTELLING
04
PRODUCT STORYTELLING
04
Distinct product stories inside one shared experience.
Distinct product stories inside one shared experience.
Every product page answers the same four questions: What is it? Who is it for? How does it work? How do I get it? The answers, and the tone, change with each product’s stage and audience.
Every product page answers the same four questions: What is it? Who is it for? How does it work? How do I get it? The answers, and the tone, change with each product’s stage and audience.
RESPA
Make breathing measurable.
Make breathing measurable.
The Respa page explains a clip-on breathing sensor and its companion app through everyday benefits: breathing rhythm, posture change, stillness, and session history.
The Respa page explains a clip-on breathing sensor and its companion app through everyday benefits: breathing rhythm, posture change, stillness, and session history.
WHAT IS IT
A clip-on breathing sensor paired with a companion app
A clip-on breathing sensor paired with a companion app
WHO IS IT FOR
Individuals, plus teams and organizations
Individuals, plus teams and organizations
HOW IT WORKS
Device and app shown together, with science as support
Device and app shown together, with science as support
HOW TO GET IT
Buy direct, or a separate path for organizations
Buy direct, or a separate path for organizations
BEHUMYN
Turn smartwear into a platform story.
Turn smartwear into a platform story.
The beHumyn page explains Zansors’ connected smartwear line: shirts and leggings with wearable stimulation, sensing and data, and field-ready construction.
The beHumyn page explains Zansors’ connected smartwear line: shirts and leggings with wearable stimulation, sensing and data, and field-ready construction.
WHAT IS IT
Connected smartwear: shirts and leggings
Connected smartwear: shirts and leggings
WHO IS IT FOR
Military, clinical, sports, and workforce teams
Military, clinical, sports, and workforce teams
HOW IT WORKS
Four capability pillars tied to real-world uses
Four capability pillars tied to real-world uses
HOW TO GET IT
Contact us. Pre-launch, for institutional buyers
Contact us. Pre-launch, for institutional buyers
“This is a big moment to finally get the Zansors brand refreshed.”
“This is a big moment to finally get the Zansors brand refreshed.”
BAABI DAS, PRESIDENT & FOUNDER, ZANSORS
TRUST + EVIDENCE
05
TRUST + EVIDENCE
05
Claims needed a visible evidence trail.
Claims needed a visible evidence trail.
I created a dedicated science journey that moves from federal R&D support to specific research artifacts and then to an understandable three-step evidence-building model.
I created a dedicated science journey that moves from federal R&D support to specific research artifacts and then to an understandable three-step evidence-building model.
Human-subjects research
Testing with real participants and structured protocols.
Testing with real participants and structured protocols.
Field-informed development
Insights from real operational and performance contexts.
Insights from real operational and performance contexts.
Ongoing evidence-building
Continuous research, partnerships, and product refinement.
Continuous research, partnerships, and product refinement.
A WORDING DECISION
Health claims had to hold up to regulatory review. I audited all nine pages, flagged risky language like “clinically validated,” “stress tracking,” and “monitor,” and wrote a plainer replacement for each.
Health claims had to hold up to regulatory review. I audited all nine pages, flagged risky language like “clinically validated,” “stress tracking,” and “monitor,” and wrote a plainer replacement for each.
WHERE IT LANDED
The revised copy describes what the product does, not what it diagnoses. Broad claims like “military-backed” sit right next to the proof behind them: federal R&D support, patents, and research posters.
The revised copy describes what the product does, not what it diagnoses. Broad claims like “military-backed” sit right next to the proof behind them: federal R&D support, patents, and research posters.
SCALABLE PAGE SYSTEM
06
SCALABLE PAGE SYSTEM
06
Designed as a connected system, not a collection of pages.
Designed as a connected system, not a collection of pages.
Every page type does a different job, but they're all built from the same parts. That kept the site consistent and made new pages fast to put together.
Every page type does a different job, but they’re all built from the same parts. That kept the site consistent and made new pages fast to put together.
COLOR ROLES
primary
brand
brand-hover
brand-soft
respa
sand
secondary
TYPOGRAPHY
Aa
Figtree
Display · H2 · H3 · H4 · Lead · Body · Label · Caption
COMPONENTS
Explore Our Products
Learn more
Email address
jane@company.com
All
Breathing
Research
Breathing
The Science Behind Guided Breathing
How intentional breathing influences the nervous system, reduces stress, and supports focus, recovery, and resilience.
May 14, 2024 · 5 min read
PRODUCT VARIANTS
Shop Respa
Contact us
SHARED PARTS
One kit, every page.
Built as Figma variables and components, so new pages are assembled from the same parts instead of designed from scratch.
Built as Figma variables and components, so new pages are assembled from the same parts instead of designed from scratch.
NAVIGATION
SECTION LABELS
TYPE SCALE
COLOR ROLES
BUTTONS
CARDS
FILTERS
FORMS
FOOTER
USED ACROSS
Home · Our Products · Science · Insights · Contact
OUTCOME
07
OUTCOME
07
A clearer foundation for a company still defining its category.
A clearer foundation for a company still defining its category.
Zansors now has one coherent site, with distinct identities for Respa and beHumyn. Visitors can move from positioning to product detail, science, or the right contact path without losing the connection between them.
Zansors now has one coherent site, with distinct identities for Respa and beHumyn. Visitors can move from positioning to product detail, science, or the right contact path without losing the connection between them.
~140 to 8
old URLs consolidated into focused page templates
old URLs consolidated into focused page templates
2 to 1
websites, with Respa brought under the Zansors brand
websites, with Respa brought under the Zansors brand
5 to 4
top-level nav items, reorganized around visitor questions
top-level nav items, reorganized around visitor questions
NEXT CASE STUDY
Evive
Evive