Book a meeting

Use CasesORCA Connect channels

Use case · SAJA, Kingdom of Saudi Arabia

One connected ecosystem for how SAJA engages healthcare professionals

We designed and built four connected platforms that educate doctors, train SAJA’s teams, reach doctors on WhatsApp and bring every interaction into one view.

Client
Saudi Arabian Japanese Pharmaceutical Co. (SAJA)
Market
Kingdom of Saudi Arabia
Sector
Pharmaceuticals
Scope
4 connected platforms, 1 HCP record

The story

From a pencil sketch to a portal doctors use

Saja Connect did not start in Figma. It started on paper, became a design system, and ended as the portal doctors use today.

  1. 01Brainstorming
  2. 02Sketch
  3. 03Wireframe
  4. 04UI directions
  5. 05Design system
  6. 06Handoff

Brainstorming

Start with the people who will use it

The brief, an audit of what SAJA already had, and references gathered with the client team: who the doctors are, what they come for, and what the portal has to do for them before it has to look like anything.

Sketch

Every page started on paper

Fast pen-and-paper passes tested the layout ideas cheaply: the hero, the anchor cards and the recorded-webinar window were all drawn here before anything was drawn in Figma. Watch one become the page it is today.

The Recorded Webinars page as built: a capsule-shaped play mark and three reasons beside it The pencil sketch of the webinars page: a big play mark with three points beside it
Pencil sketch of a full webinar detail page
Anchor cardschosen over a long list
The play statepromoted into the hero
Pencil sketch of the recorded-webinar window: title, description, download and back
A windowfor recordings, not a new page

Design system

Built from the SAJA logo

Green carries the interface; red is kept for signals. One type family in five steps, and a small set of components — each with its default, hover, active and disabled states — that every screen is assembled from. The logo is hard to use small, so its capsule shape became the brand cue that runs through the site, and the icon set was extracted and cleaned up with AI.

  • Deep Green#22472B
  • Brand Green#0D6635
  • Accent Green#2F7140
  • Brand Red#DA2625
  • Coral#E4432E
  • Surface#F9FAFB
  1. Display · 48Quality medicines.
  2. Heading · 32Our products
  3. Subheading · 24Therapeutic indications & dosage
  4. Body · 16The recommended starting dose is 10 mg once daily.
  5. Caption · 13For healthcare professionals only
Button: Explore our products Button: Download as image Button: Download as PDF Content card: Understanding Diabetes webinar

Delivered

The final website, end to end

Onboarding and every screen finished, annotated with their states and assets for the build.

On desktopFrom sign-up through the portal
On mobileThe same portal, mobile-first and touch-friendly

From the design files

47 screens across four platforms

01The ecosystem

Four platforms, one HCP record

Every channel used to keep its own data. Now doctors register once, and all four platforms know them.

Saja Connect

Saja Academy

Consented HCP record

  • Full name
  • Email
  • Phone
  • Country
  • City
  • Specialty
  • Workplace

Saja WhatsApp Portal

Saja Omnichannel

Platform 01 · LMS for HCPs

Saja Connect

An LMS for doctors: live scientific webinars, recorded courses they complete for a certificate, and product knowledge, in one portal.

  • For HCPs
  • Live webinars via Zoom
  • Q&A, chat and surveys
  • Product pages
  • Recorded courses
  • Completion certificates
  • Events and booths
  • Run from its own dashboard

FilmThe homepage, from hero to recorded videos

Behind Saja Connect · The dashboard

One dashboard runs the portal

SAJA’s team runs Saja Connect from a dashboard of its own: who has signed up, which pages they visit, the recorded webinars and product pages they see, the media library, who can see what, and the site’s settings. Every view filters by specialty and by country.

  • For SAJA’s team
  • Overview
  • Users
  • Visits & traffic
  • Recorded webinars
  • Products
  • Media manager
  • Rules
  • Site settings
The SAJA dashboard as built: total users, recorded webinars, products and visits, registrations by specialty and by country, and the latest recorded webinars The pencil sketch of the dashboard overview, with the same sidebar, numbers, charts and table
The dashboard's design system: SAJA green palette, type scale, buttons, inputs, icons, stat cards, badges, table, charts, shadows and radii
After the sketch, the design system: the same SAJA green, with the buttons, inputs, cards, tables and charts every screen is built from
The Users screen: registrations by country and by specialty above the list of HCPs, with status and actions. Personal details are blurred
UsersEvery HCP and instructor, by country and by specialty
The Recorded Webinars screen: manage specialties, then each webinar with its speaker, specialty, views and completion
Recorded webinarsSpecialties, speakers, and how far doctors watched
The Visits and Traffic screen: page views, session length, a visit log, views over time, devices, and visits by country and specialty. Personal details are blurred
Visits & trafficWho opened what, from where, on which device
The Media Manager: the portal’s images in a grid, with a browser by type and an upload button
Media managerEvery image and file the portal uses, in one place

Platform 02 · Staff training

Saja Academy

Product training that feels like progress, in the style of Coursera or Udemy.

  • For SAJA’s medical staff
  • Video and PDF lessons
  • A quiz after every section
  • Points, levels and badges
  • Quarterly leaderboard
  • Manager’s certificate

FilmThe learner's flow, from log-in through a lesson and back to Saja Connect

  1. Choose products
  2. Choose a manager
  3. Get a personal portal
  4. Learn by video and PDF
  5. Quiz after each section
  6. Badge and certificate
Progress Quizzes Consistency Mastery

Platform 03 · Campaign portal

Saja WhatsApp Portal

Run WhatsApp campaigns to consented doctors, and see who opened and clicked.

  • For SAJA’s teams
  • Campaign reports
  • Flow templates
  • Live phone preview
  • Contact import
  • Delivery, seen and click tracking
WhatsApp portal home: contacts, templates and configured numbers, messages sent and campaigns, a message status breakdown and contacts by country

HomeDashboard

Open full screen

Platform 04 · Intelligence dashboard

Saja Omnichannel

Every channel, every doctor, one dashboard.

  • For SAJA’s teams
  • Executive overview
  • HCP 360 profiles
  • Webinar analysis
  • Product analysis
  • Email analysis
Executive overview dashboard: totals for HCPs, interactions and registrations, reachability by channel, engagement distribution, monthly growth, top products and top channel, engagement by specialty and by country, product snapshots and the most engaged HCPs

Each Tab ScreenExecutive overview

Open full screen
The SAJA platform on three laptops: the sign-in screen and the dashboards behind it
The SAJA design system: colours, type, buttons, cards, charts and tables

How it was built

A design system first

A reusable SAJA design system of colours, type, buttons and components, so every screen of every platform stays consistent.

Interface and code

Designed and built as one

The dashboard’s interface and its front end in code, with a clear component structure, responsive from desk to phone.

What comes next

The base for omnichannel

The dashboard is the foundation the full omnichannel build grows from: every channel, every doctor, one view.

02One doctor, one journey

How it comes together

  1. 1

    A cardiologist in Jeddah gets a webinar invitation.

  2. 2Saja Connect

    She registers once and gives consent.

  3. 3Live webinar

    She asks the speaker a question and answers the survey.

  4. 4Saja Connect

    She reads the product page, then watches the recording.

  5. 5

    She asks the AI assistant a follow-up.

  6. 6Omnichannel

    SAJA sees it all in her HCP 360 profile.

03Delivered

What we delivered

  • Omnichannel strategy
  • Unified HCP data model
  • UX/UI for four platforms
  • Portal and CMS
  • Live webinars
  • Learning and certification
  • WhatsApp Business setup
  • Analytics dashboard
  • Six parallel workstreams

Work with us

Building something similar for your HCPs?

We design and build connected engagement platforms for pharma and healthcare teams across the Middle East.

Talk to us