Designing anInteractive Clinical Management Prototypefor Arboviral Diseases
Project Snapshot
| Industry | Global Public Health &
Clinical Education |
| Geography | Global (LMIC-Focused
Deployment Context) |
| Audience | Frontline Clinicians & Public
Health Professionals |
| Delivery Format | Custom HTML, CSS & JavaScript (SCORM-Compatible) |
| Modules Delivered | 1 Interactive Clinical Prototype |
| Total Estimated Seat Time | 15–20 Minutes |
| Languages: | English |
| Engagement Model: | RFP Demonstration Prototype |
| Responsiveness: | Multi-Device Optimised |
Impact at a Glance
Fully responsive HTML clinical prototype
Cinematic institutional landing interface
Scenario-driven triage simulation
Interactive clinical pathway navigation
SCORM-compatible LMS deployment
The Strategic Context
Arboviral diseases require rapid recognition, risk stratification, and evidence-based clinical response — particularly in outbreak-prone and resource-variable settings.
The objective of this RFP prototype was to demonstrate how clinical guidance on arboviral disease management could be translated into an immersive, interactive digital learning experience.
The prototype aimed to:
Support clinical protocol standardisation
Strengthen rapid outbreak response readiness
Reinforce structured diagnostic and triage decision-making
Enhance LMIC clinical capacity
Present complex guidance in an accessible, mobile-ready format
The design aligned with clinical frameworks and global health standards, maintaining institutional credibility while elevating engagement.
Key Challenges & Constraints
1. Clinical
Precision
Guidelines had to be translated accurately without oversimplification.
2. Institutional
Design Fidelity
The prototype required adherence to WHO visual hierarchy and institutional credibility standards.
3. Time-Sensitive
Clinical Decisions
Arboviral management requires rapid triage and escalation decisions.
4. Cross-Device Accessibility
Healthcare professionals frequently access training via mobile devices in field settings.
Our Strategic Approach
Instructional Governance
Analysis
- Mapped clinical management pathways for arboviral diseases
- Identified high-risk triage and escalation checkpoints
Optimisation
- Multi-device responsiveness testing
- UI refinement for readability in field-use contexts
Design
- Storyboard-first architecture defining clinical flow and interaction logic
- Structured scenario progression reflecting real-world patient presentation
- Designed Knowledge Checks aligned to management decision pathways
Development
- Built entirely in HTML, CSS, and JavaScript
- Developed cinematic landing page with strong typographic hierarchy
- Implemented scroll-based narrative progression
- Embedded scenario-based clinical decision simulations
- Packaged as LMS-ready SCORM
Experience Design Innovation
Cinematic Institutional Landing Page
The module opened with a visually authoritative landing interface, combining strong typographic hierarchy and institutional branding integrity.
This established credibility and clarity from the first interaction.
Scenario-Based Clinical Decision Simulation
Learners were presented with realistic outbreak and patient scenarios requiring immediate triage decisions.
For example, learners selected appropriate management actions such as:
- Admit
- Manage as Outpatient
- Refer to another facility
Each decision triggered contextual feedback explaining:
- Why the selected option was correct or incorrect
- What clinical indicators justified the response
- How the action aligned with WHO management guidance
Decision pathways were structured to simulate real-world resource constraints commonly encountered in LMIC healthcare settings.
This design reinforced applied triage reasoning and protocol adherence.
Clinical Pathway Integration
Instead of presenting static guideline text, the module structured content around clinical management flow:
- Symptom recognition
- Risk stratification
- Triage decisions
- Escalation pathways
This encouraged structured reasoning rather than passive content consumption.
Elevated Visual & Interaction Design
The interface featured:
- Clean clinical layout blocks
- Strong contrast and readability
- Structured information hierarchy
- Subtle micro-interactions
- Scroll-based progression for modern UX
Visual clarity was prioritised to ensure comprehension in high-pressure healthcare environments.
Estimated Learning Metrics
(Based on Comparable Global Health Digital Deployments)
Projected Clinical Decision Accuracy Improvement:
30–45% increase in structured response selection
Retention
Improvement:
Interactive clinical simulations demonstrate 25–35% stronger retention compared to static PDF dissemination
Mobile
Access Uptake:
Responsive modules significantly increase accessibility in LMIC field environments
Protocol Adherence Strengthening:
Scenario-based triage simulations improve consistency in clinical escalation decisions
Operational Execution Timeline
Week 01
Clinical Framework Mapping + Storyboard
Week 02
UI/UX Architecture + Interaction Logic
Week 03
HTML Build + SCORM Packaging
Week 04
Testing & Demonstration Refinement
Rapid prototyping ensured RFP demonstration readiness within a structured timeline.
Impact Beyond Training
(Projected Safety Outcomes)
Strengthened
Outbreak Preparedness
Interactive triage pathways improve readiness for vector-borne outbreaks.
Improved Protocol Standardisation
Structured simulations reduce variability in clinical decision-making.
Increased Field Accessibility
Mobile-responsive design supports frontline healthcare delivery.
Scalable Global Deployment
The architecture can expand into multi-module, multi-country clinical learning ecosystems.
Key Takeaways
Institutional Credibility and UX Can Coexist
Global health guidance can be both authoritative and engaging.
Scenario-Based Triage Builds
Clinical Confidence
Applied decision simulation strengthens
real-world readiness..
Custom HTML Enables Scalable Flexibility
Authoring-tool independence supports lightweight, adaptable deployment.
Responsive Design Promotes Equity
Mobile-ready architecture increases
global access.
FAQS
Q1. Was this aligned with official WHO guidance?
Yes. Clinical decision pathways were mapped directly to WHO arboviral disease management recommendations.
Q2. Was this built using an authoring tool?
No. The prototype was developed entirely using HTML, CSS, and JavaScript.
Q3. Was it LMS compatible?
Yes. The module was packaged as SCORM for seamless LMS integration.
Q4. Did it include applied clinical decision simulation?
Yes. Learners navigated triage scenarios requiring management decisions such as admission, outpatient management, or referral, with immediate contextual feedback.
Q5. Can this architecture scale into a full global programme?
Yes. The structure supports expansion into multi-module, multi-language, and multi-country deployment models.
Through this RFP prototype, Qquench demonstrated how global clinical guidance can be transformed into responsive, scenario-driven digital learning — strengthening frontline healthcare capacity where rapid and accurate decision-making is critical.