Skip to content

case study · online health risk assessment

HealthRisko

A free, privacy-friendly health screening site with BMI, diabetes and heart-risk calculators and a visual insights dashboard, all running in the browser.

client
HealthRisko
industry
Healthcare
year
2026
category
Web
HealthRisko online health risk assessment screenshot

the brief

From problem to result

  1. 01 / problem

    The problem

    HealthRisko wanted to make health-risk screening approachable for a general audience, but medical calculators are typically clinical, intimidating, and slow — creating friction that stopped casual visitors from ever completing an assessment.

  2. 02 / solution

    Our approach

    We designed three interactive risk calculators (BMI, Diabetes, Heart Disease) rendered on a visual Health Insights dashboard with clear Low/Moderate/Normal banding, dark/light theming, and a fully static, lightweight architecture so results appear instantly with prominent educational disclaimers.

  3. 03 / result

    The result

    The platform delivers frictionless, privacy-friendly health screening that runs entirely in the browser, giving users immediate, easy-to-understand insights and positioning HealthRisko as an accessible entry point into preventive health awareness.

key highlights

Key features

  • Interactive health risk calculators
  • Dark/light theme with system preference detection
  • Visual Health Insights dashboard
  • Fully static lightweight architecture

gallery

2 screens

the project

About HealthRisko

HealthRisko is an educational health technology platform that provides free online health risk assessment tools. The platform features three core health calculators: BMI Calculator (based on height and weight), Diabetes Risk Calculator (questionnaire-based Type 2 diabetes assessment), and Heart Disease Risk Calculator (cardiovascular risk factor evaluation). Each calculator produces a risk percentage displayed on a visually engaging Health Insights dashboard with indicators categorized as Low, Moderate, or Normal. The platform supports dark/light theme toggling with system preference detection and persistence via localStorage, and features scroll-triggered fade animations for an engaging user experience. Built as a lightweight static website using vanilla JavaScript, the platform emphasizes accessibility with responsive mobile-friendly design, collapsible sidebar navigation, and keyboard support (Escape key to close sidebar). All calculators include prominent medical disclaimers clarifying their educational, informational-only purpose.

let's talk

Planning something similar? Let's map it out.

Tell us about the project. We'll talk through scope, approach and a sensible first step on a call.