RRD Campus

RRD Campus

Designed a rare-disease education platform for medical professionals, centralising content and implementing a gated content system for lead generation.

Designed a rare-disease education platform for medical professionals, centralising content and implementing a gated content system for lead generation.

Overview & Context

Overview & Context

RRD Campus is a digital education platform for medical professionals specialising in rare diseases. As the sole designer, I created the information architecture, navigation, flows, gated content system, and high-fidelity UI for a scalable knowledge hub.

RRD’s content was fragmented across PDFs, emails, and outdated pages. Doctors struggled to find disease-specific information, and sales teams had no way to track qualified leads. The challenge was to centralise content, create a consistent navigation model, and implement registration-based gated access for lead generation.

Stack

RRD Campus

Stack

RRD Campus

Stack

RRD Campus

Tools

Figma

Tools

Figma

Tools

Figma

Role

Sole Product Designer (UX/UI)

Role

Sole Product Designer (UX/UI)

Role

Sole Product Designer (UX/UI)

Timeline

Jul - Oct 2024

Timeline

Jul - Oct 2024

Timeline

Jul - Oct 2024

Insights & constraints

Insights & constraints

RRD’s content was fragmented across PDFs, emails, and outdated pages. Doctors struggled to find disease-specific information, and sales teams had no way to track qualified leads. The challenge was to centralise content, create a consistent navigation model, and implement registration-based gated access for lead generation.

  1. Doctors need fast, targeted access to disease-specific information.

  2. Trust and clarity matter more than visual flair.

  3. Sales teams needed visibility into which clinicians engaged with which content.

  4. Editors needed a scalable, reusable component structure.

Vendor persona
Vendor persona
Vendor persona

Buyer persona
Buyer persona
Buyer persona

Design Principles & Interaction Model

Design Principles & Interaction Model

  1. Prioritise clarity over decoration.

  2. Use progressive disclosure for dense medical content.

  3. Design a navigable system rather than isolated pages.

  4. Surface trust and credibility early.

  5. Create an IA that can support additional diseases and content types.

Core flows included anonymous browsing to disease hubs, entry into gated content, registration, and then personalised access to videos, events, and resources. Diseases were structured into consistent templates: overview, symptoms, diagnosis, treatment, media, and events.

MoSCoW feature analysis
MoSCoW feature analysis
MoSCoW feature analysis

Site map
Site map
Site map

High-fidelity screens emphasised structure and clarity with disease page templates, event cards, video modules, content grids, and a clean navigation pattern. Registration modals and gated content states were designed to feel professional and compliant.

  • A central, intuitive hub for clinicians.

  • A clear lead-generation flow integrated with CRM.

  • Better alignment between medical, marketing, and commercial teams.

  • A modular content system that internal editors could maintain.

42%

42%

42%

Increase in qualified HCP leads sent to the sales team

40%

40%

40%

Faster navigation to relevant content

21%

21%

21%

Decrease in scroll depth required to find key information

User registration flow
User registration flow
User registration flow

Related Posts section at the bottom encourages exploration and keeps users engaged.
Related Posts section at the bottom encourages exploration and keeps users engaged.
Related Posts section at the bottom encourages exploration and keeps users engaged.

A prominent search bar placed front and center helps users quickly locate relevant videos by keyword.
A prominent search bar placed front and center helps users quickly locate relevant videos by keyword.
A prominent search bar placed front and center helps users quickly locate relevant videos by keyword.

The header includes a brief synopsis, pathology tag, and estimated read time to help users assess relevance.
The header includes a brief synopsis, pathology tag, and estimated read time to help users assess relevance.
The header includes a brief synopsis, pathology tag, and estimated read time to help users assess relevance.

Filters for pathology, date, and format allow users to find content based on their interests or professional focus.
Filters for pathology, date, and format allow users to find content based on their interests or professional focus.
Filters for pathology, date, and format allow users to find content based on their interests or professional focus.

Highlighted events section for the homepage to drive registrations
Highlighted events section for the homepage to drive registrations
Highlighted events section for the homepage to drive registrations

Homepage
Homepage
Homepage

About Recordati page
About Recordati page
About Recordati page

Events calendar page
Events calendar page
Events calendar page

On-demand content post
On-demand content post
On-demand content post

High Fidelity & Outcomes

High Fidelity & Outcomes

Challenges & Learnings

Challenges & Learnings

  • Compliance slowed iteration.

  • Different teams had conflicting priorities.

  • Scope grew as stakeholders saw the potential of the platform.

  • Early content complexity required iterative refactoring of IA and layout hierarchy.

I learned to design for high-stakes professional audiences, balance compliance with UX, structure dense information, and align multiple stakeholders around a single, scalable content architecture.