Professional Interactions

A scenario-based interactive learning prototype designed to demonstrate digital learning, accessible frontend development and responsive UI/UX.

The learner moves through four screens — Intro, Scenario, Decisions and Feedback — making decisions across four areas of conduct, then comparing their judgement with suggested responses and the reasoning behind each one.

The build focuses on semantic HTML, fieldset and legend based decision questions, keyboard-accessible interactions (no mouse necessary), focus management between screens, validation that does not rely on colour alone, reduced-motion support and responsive layouts. A companion Figma file records the finished desktop and mobile screens.

Portfolio prototype only — fictional learning content created to demonstrate digital learning and interaction design. Not affiliated with the University of Tasmania or Medicines Australia.