Case study / Health supplements

NewPassive

UI for NewPassive, an Egypt-based nutraceutical company: a science-led site with a healthcare portal and a distributor hub.

Role
UI design
Through
Direct client
Duration
1 month
Industry
Health supplements

The Brief

NewPassive is an Egypt-based nutraceutical company. It describes itself as connecting scientific formulation with scalable market access, through a network of distributors, healthcare professionals and end users. The site had to make that network easy to follow, because two very different visitors arrive on it: a healthcare professional who wants clinical information, and a distributor who wants a market partner.

I designed the UI in one month.

The Challenge

The site describes its products as dietary supplements, and its footer carries a notice that the scientific information is intended for healthcare professionals only. I had to make that clear without turning the home page into a legal page.

The harder part was routing. I wanted a clinician and a distributor each to reach their own section in one click, without wading through the other’s content first.

Key Decisions

Two portals in one navigation. I put Distributor Hub and Healthcare Portal side by side in the top bar and kept a Become a Partner button on screen. Individual Wellness sits in the same bar, greyed out with a Coming Soon badge, so the planned section shows without being a live page.

NewPassive Healthcare Portal: the title Executive Healthcare Platform beside a glowing sphere with DNA and molecular motifs
Women’s Health: the pathway cards answer the cursor.

The regions are the way into the Distributor Hub. I opened the page on the headline Executive Partnership Gateway, with six region chips from Central Africa to West Africa under it and a dotted globe that marks each region. A line under the globe asks visitors to click a point to explore its region.

NewPassive Distributor Hub: the headline Executive Partnership Gateway, six region chips and a dotted globe with regional points
Picking a region turns the globe to it.

Science first on the home page. Below the globe hero, I placed the Science, Innovation, Quality section: a short company paragraph and two cards beside a product image, Science-backed supplements for emerging global markets and Connecting formulation with scalable distribution worldwide. Each card carries one idea.

NewPassive home page, Science, Innovation, Quality section: two cards beside a product image of capsules in a glass dish
The Distribution Hub map and its supply routes.

The Screens

The NewPassive home page hero: the Earth at night behind the headline Connecting Science to Global Wellness
The home page hero.
The phone menu: the navigation overlay.
The Explore Inside Countries section: flag cards for Cameroon and DRC
Explore Inside Countries: one card per country.
Hovering Cameroon, then DRC, lights up each card.
The Distribution Hub section: a world map of supply routes beside four key features
The Distribution Hub: supply routes and what the hub offers.
The Women’s Health page: the heading and its clinical pathway cards
The Women’s Health page and its pathways.

Outcome

The site is live now, and they liked the UI and everything.

NewPassive pages on a laptop and screens
Home, the Distribution Hub and the Healthcare Portal.
NewPassive pages on phones
The site on phones.

Client feedback

The client liked the UI and the whole result.