Have a question? Ask away!

    Yes!, I'd like to enquire about


    My name is . You can contact me at and email me at .

    HealthHub by Health Promotion Board

    HPB HealthHub Patient Medication List

    Improve user experience for Patient Medication List (PML) among healthcare professionals and patients to increase adoption rate and reach within HealthHub.

    Project approach

    We conducted competitive product analysis to understand context and identify similar product features in the market to be considered for PML. This is followed by user research to identify gaps, frictions and needs.

    Findings from the research were brought into co-creation workshops with doctors, nurses and pharmacists from Public Health Institutions, where they participated in ideation for the future of PML. With the findings from these various activities, we did a round of product prioritisation exercise, which was then used to drive our final prototype design.


    • Identify pain points and opportunities to enhance PML for patients and caregivers
    • Improve usability of the PML module for patients and caregivers


    • Execute competitive product analysis and user research
    • Conduct co-creation workshops with stakeholders
    • Derive insights and product prioritisation through usability testing sessions
    • Design user task flow and high-fidelity prototype
    • Develop design style guide for design handover and future implementation

    People involved

    • Health Promotion Board  – Chief of HealthHub
    • iHIS – Project Delivery team
    • A.S. Louken & UXC – Research & Design teams

    Activities involved

    Competitive product analysis

    We analysed the features and usability of the current PML and searched for similar products in the market to identify opportunities for PML.

    User research

    20 sessions of In-Depth Interviews (IDIs) were conducted with patients and caregivers to capture their needs and identify gaps by understanding what was working with the current PML, where the frictions were, and what was desired for the PML. 

    Insights from these sessions were used to create a patient journey map and design wireframes on the expectations for PML.

    Co-creation workshops

    We conducted 3 separate sessions of 1-day Design Thinking workshops for a total of 60 healthcare professionals (doctors, nurses, pharmacists) from Public Healthcare Institutions, where we shared the key insights from the user research, including the patient personas and journey map.

    These workshops allowed us to gather feedback and recommendations from the healthcare professionals to identify gaps for change and for future improvements.

    Product prioritisation

    A round of product prioritisation based on user needs, business goals and technical feasibility was conducted with stakeholders to address and prioritise the product features to include in the respective phases and for future considerations.


    Insights from user research and the co-creation workshops drove our final prototype concept, with the user flow and patient journey map supporting our design process.


    We redesigned the existing HealthHub Patient Medication List module, along with product prioritisation on the functionalities in phases.

    Deliverables include:

    • Competitive analysis report
    • High-fidelity prototype
    • Web style guide and interaction guide
    • Product prioritisation in phases and future feature considerations

    Daily Schedule

    A view of patient’s daily medication schedule that empowers patient to keep track and be reminded of their medication intake. The patient is also able to share the schedule with their family members.

    Web style guide and interaction guide

    We established a web style guide which included the grid used, colour palette, typography and various app elements. An interaction guide that included the screen flow, algorithms and logics for the app was also delivered to provide clarity and support for the technical team.

    Learning outcomes

    1. Design walkthrough sessions with stakeholders and client team is necessary to ensure that design rationales, opportunities and concerns on limitations from all parties are being communicated. This helps for a better alignment and managed expectations.
    2. Interim design iterations during UT sessions help to test & uncover design possibilities and drive towards the desired design.
    3. Card-based design increases space utilisation and provides opportunities for digestible content before allowing users to access more information on it. This works well for heavy-content product.