// 01
Problems We Found
Products and services weren't clearly differentiated, navigation was overwhelming, the contact funnel was thin, brand visuals were inconsistent, mobile performance lagged and trust signals were weak for a medical audience.
[ CS-10 // ELAJACT ]
The extra step for your healthcare needs
A polished, trustworthy digital presence for a Saudi distributor of pharmaceuticals, medical devices and healthcare IT.
UX / UIWebHealthcare
// ELAJACT_HEROCS-10
// Overview
Elaj Act is a Saudi Arabia–based distributor of pharmaceuticals, medical devices, hospital equipment and healthcare IT. They needed a partner who could translate complex product and service lines into a polished, trustworthy digital presence, with the responsive, modern UX/UI a regulated sector demands.
Audience
Hospital procurement & healthcare buyers
Reach
Saudi Arabia + GCC
// Process
How we built it
01/
IA Rework
5 days
02/
Persona & Positioning
4 days
03/
Visual System
7 days
04/
Responsive Build
14 days
05/
Launch & QA
4 days
// 02
The Solution
Streamlined navigation with logical service and product groupings. A hero built around 'The extra step for your healthcare needs.' Strong visual hierarchy with imagery, whitespace and iconography. Contact CTAs across every page and dedicated pages for timeline, quality, sustainability and continuous improvement.
// 03
System & Delivery
A consistent UI style guide, fonts, palette, buttons, cards, layout patterns, plus a fully responsive rebuild that gets users to the right product or service in fewer clicks.
// Problem
- ×Products and services weren't clearly differentiated.
- ×Navigation was overwhelming with too many categories.
- ×Contact funnel was thin, low conversion.
- ×Brand visuals were inconsistent and mobile lagged.
- ×Trust and credibility were weak for a medical audience.
// Solution
- →Streamlined navigation, logical service and product groupings.
- →Hero built around 'The extra step for your healthcare needs.'
- →Strong visual hierarchy with imagery, whitespace and iconography.
- →Contact CTAs on every page + dedicated trust pages.
- →Consistent UI style guide across the site.
// Deliverables
- IA rework end-to-end
- Persona: Dr. Amina Al-Hassan (Procurement Manager)
- Responsive rebuild (mobile + tablet + desktop)
- UI style guide + component library
// Stack
Responsive WebCMSAnalytics
// Typography
- Avenir
- Caviar Dreams
// Palette
Trust Blue
#0B3B6D
Care Green
#22C55E
Clinical White
#F8FAFC
// Verbatim
“I need accurate specs and trustworthy partners, I can't afford surprises when buying medical equipment.”
, Dr. Amina Al-Hassan, Hospital Procurement Manager
// Results
- ✓Information architecture reworked end-to-end
- ✓Trust signals across every page
- ✓Fully responsive across mobile, tablet, desktop
// Outcomes
The result
IA
Reworked end-to-end
Responsive
Mobile + tablet + desktop
Trust
Signals across every page