/
Website Re-Vamp 2025

Website Re-Vamp 2025

Project overview

Goal: Make the OpenMRS site exciting, modern, and comprehensive for our key personas, including MoH/eHealth leaders.

The OpenMRS website redesign project aims to create a user-centred, accessible, highly functional and visually appealing website that effectively serves the diverse needs of our stakeholders including Businesses / Implementers, eHealth Leaders and Healthcare Staff. The project will involve Community research and engagement to inform the content design. We will utilise an information architecture design methodology that roots the organisation and access of content inline with stakeholder mental models and Community best practices. By restructuring the information architecture, we will aim to strengthen our ecosystem by lowering the barriers to becoming more engaged, collaborative and mature contributors to the OpenMRS Community.

Who: @Paul Adams and @Grace Potma . Technical advice from @Burke Mamlin . Content and IA input from Paul B, Jan F, Beryl K.

Proposal for OpenMRS website redesign and build

Project overview

The OpenMRS website redesign project aims to create a user-centred, accessible, highly functional and visually appealing website that effectively serves the diverse needs of our stakeholders including Businesses / Implementers, eHealth Leaders and Healthcare Staff. The project will involve Community research and engagement to inform the content design. We will utilise an information architecture design methodology that roots the organisation and access of content inline with stakeholder mental models and Community best practices. By restructuring the information architecture, we will aim to strengthen our ecosystem by lowering the barriers to becoming more engaged, collaborative and mature contributors to the OpenMRS Community.

Project phases

1. Discovery

Leadership

  • Create OpenMRS leadership vision and understand organizational needs for the website

    • Identify and understand our key personas

    • Identify key stakeholders for engagement

    • Prioritize target audience in agreement with the leadership

Community research and OOUX methodology

  • Conduct in-depth community research to understand the needs and preferences of key stakeholders.

  • Utilise the OOUX methodology to design a content structure that aligns with user mental models, tasks and jobs-to-do.

2. Information architecture design

  • Develop a clear, intuitive, and scalable information architecture that facilitates easy navigation and content discovery.

  • Create content pathway for funder/donor engagement

    • Impact dashboard, success / impact stories, value proposition messaging

    • How to invest in OpenMRS

    • Review/validate with leadership

  • Create content pathway to guide MOH & implementers discovery/understanding/use

    • Review/validate with leadership, Beryl, Grace

  • Create content pathways to help mature contributors' involvement:

    • Ideas to support contributors:

      • Clear links to documentation and guidelines for contributing.

      • Links to Interactive tutorials and onboarding resources for new contributors.

      • Recognition and reward system for active contributors (both individuals and organizations).

      • Information on hackathons and coding events to encourage participation.

      • Clear signposting to Talk and Slack (let’s talk about Slack and how to direct folks).

      • Call out online events, webinars and conference sessions.

      • Community-driven content creation, such as blogs and tutorials from the Implementer Community and other eHealth leaders.

  • Validate the information architecture with key user groups and Community stakeholders.

  • Identify content needs and gaps; work with Beryl and Grace to identify priority content updates/gaps to be addressed and assigned person to do so.

3. Tech stack

  • Work with DevOps to set up any infrastructure you will need to build out the website pre-production / launch. I’d also like to make sure we have monitoring and backup setup, plus, a space for updating/changing prior to production pushes - such as a staging site (like Wordpress does, or whatever tech/platform is chosen).

  • By deriving the content requirements from phase 2 and 3, Paul and Grace will work together on a stack to support the new website.

    • The current Wordpress implementation will be one option, together with exploring other CMS and front end technologies.

  • Review/sign off from leadership

4. Visual style guide

  • Create a comprehensive visual style guide that defines the website’s colour palette, typography, graphic, photography and basic UI components to ensure a consistent and engaging user experience. (Similar to the OpenMRS Logo Policy wiki page but with more detail.)

    • Template pages and elements will be created in the website tooling for easy re-use by future website maintainers (such as page templates and post templates).

    • Bandwidth considerations will be applied: g.g. Attention to making the site engaging and visual, without being heavy to load, such that users in low-bandwidth LMIC settings do not struggle to see the content.

    • Accessibility standards will be rooted at the heart of the design thinking and execution, where possible. Where time constraints do not allow for fully accessible content and design, recommendations will be noted for future improvements.

5. Design, build and test!

  • Create responsive and accessible page templates tailored to our users needs, ensuring compatibility and accessibility across a diverse set of devices and breakpoints.

  • Moderated sessions with OpenMRS website users to test the site structure and visual design.

6. Training and dissemination

  • Design training materials for core team to make updates to the new website

  • Announce and celebrate at OpenMRS Conference in Sept 2024

Project timeline

image-20250219-221946.png

Phases & Tasks:

1. Prep-work phase:
Community Survey - @Paul Adams
IA Diagram, including results from user needs & perspectives survey - @Paul Adams : https://miro.com/app/board/uXjVKpBgwtM=/?share_link_id=503869082475 (original survey questions here:https://docs.google.com/document/d/1TmSPuP1hrR59z2xXSRWGBYzclr_WgCrBHXoLtJuLgKE/edit?tab=t.0 )
Grab content from older website via wayback machine - @Grace Potma : Content in this Google doc
Set up test/working draft site with Wordpress hosting services - @Grace Potma : https://testopenmrs.wpcomstaging.com/
Install all needed Plugins and confirm must-haves with Burke - @Grace Potma : See Plugins table below
2. Design Site’s overall Style, IA, look & feel:
Pick Theme to start using - @Paul Adams
Design major components and major page layouts
Sign-off call with major stakeholders
First sign-off call: Feb 24, 2025. Feedback included: β€œIf a country wants to implement OpenMRS, is the pathway clear for them?” - PB’s main concern
@Paul Adams share screenshots of main pages for Paul B & Jan F & Beryl & Grace to review
Visual Style Guide: defines the website’s colour palette, typography, graphic, photography and basic UI components to ensure a consistent and engaging user experience - @Paul Adams
3. Templating Phase in Wordpress:
Set up Pages templates for consistent re-use - @Paul Adams
Set up common must-have reuseable components for re-use - @Paul Adams
Phase 1: Main sub-hero blocks, key metrics bars
Phase 2 (Nice to have): Events template, accordions
4. Technical Port-over Phase:
(XL) Academy content port-over
(L) Check through all settings of plugins for consistency - @Grace Potma : See Plugins table below
(M) Mailchimp connected; Newsletter sign-up form set-up
(S) Payment services connected (PayPal, Stripe)
(XS) Test Map plugin
(XS) Test Translate plugin

Homepage draft as of Feb 24 2025

image-20250224-163930.png

Β 

Plugins and Integrations To-Do’s Tracker

Plugin

Installed?

Set up and settings matching previous?

Notes & Other requirements

Plugin

Installed?

Set up and settings matching previous?

Notes & Other requirements

Anti-Spam

Akismet

πŸ”² To-Do

Β 

MFA/2FA

Enabled

Set OpenMRS admin 2fa

Β 

Backup

βœ… UpdraftPlus

πŸ”² To-Do

Β 

Disable comments

--

πŸ”² To-Do

Β 

Editor GUI Tool

βœ… Elementor

πŸ”² To-Do

Β 

Map Tool

βœ… GeoMap

πŸ”² To-Do

🟠 Will need to connect pro GTranslate account for multi-lang/country SEO optimization

Translation

βœ… GTranslate

πŸ”² To-Do

Β 

Course / Academy

βœ… Tutor LMS & Tutor LMS Elementor Addons

πŸ”² To-Do

πŸ”΄ Need to find way to port-over existing course materials and students. Custom Import/Export plugin here.

Google Analytics connection

βœ… Monster Insights

πŸ”² To-Do

🟠 Plugin but not activated. Let’s activate when site goes live. May end up needing GTM4WP - A Google Tag Manager (GTM) plugin for WordPress

Image Optimizer

βœ…

πŸ”² To-Do

Β 

Mailchimp Integration

Β 

πŸ”² To-Do

(For Newsletter setup)

Payment Services Integration

Β 

πŸ”² To-Do

For donation collection

Β 

Β 

Related content