@ezradesmonds

Composing signal

Back to Work
Client Project / Health Education Platform Client Project

Bank Tulang

A web-based bone-health promotion prototype for pharmacy students, featuring education modules, an OKAT-adapted quiz, calcium/activity tracking concepts, and an interactive readiness simulation.

Bank Tulang interface preview

Overview

Bank Tulang is a client microsite built for pharmacy students who needed to present a bone-health intervention platform. The product frames assessment, scoring, tracking, education, goals, gamification, and social challenge mechanics in a clear web prototype.

Problem

The pharmacy student client needed a clear, interactive platform to communicate a bone-health intervention design instead of relying on static tables or slides.

Target Users

Pharmacy students, academic supervisors, and health-promotion presentation audiences

My Role

Client project developer

Built the interactive microsite, structured the eight intervention modules, designed the quiz and simulation surfaces, and translated academic evidence into a presentation-ready web experience.

Key Features

  • Bone-health promotion landing page
  • Eight intervention module cards
  • 12-item adapted OKAT quiz modal
  • Readiness simulation with adjustable parameters
  • Evidence-forward content architecture
  • Responsive presentation mode for academic review

Challenges & Trade-offs

  • Turning academic intervention tables into a website that feels credible and readable
  • Keeping the product educational without implying medical diagnosis
  • Balancing visual energy with healthcare clarity and accessibility

Lessons Learned

  • Academic client work needs translation from evidence and modules into a story that non-technical audiences can follow
  • Health-related products must be careful with claims, labels, and diagnostic framing

Results

Delivered a presentation-ready prototype that explains the eight-component intervention, 12-item adapted OKAT quiz, and health-readiness simulation in a web-native format.

Proof Artifacts

Technologies

JavaScript HTML CSS Responsive UI Accessibility