Learning Centre for Quality Management

The challenge

Three constraints shaped everything that followed:

• The staff had to own the site, not the developers

  Pages, menus, footer, news, events, courses and publications all needed to be editable by the communications and learning teams, with no developer in the loop.

• Many kinds of content, one coherent site

  Research outputs, news, multimedia, toolkits, online courses and paid events each have their own rules, yet a visitor should move between them as if they were one thing.

• Paid events and courses for health professionals

  People pay for places and for courses, so access had to follow payment exactly — no double bookings, and no confusion when someone is already registered.

What we built

A public site, a member area, a learning and events layer, and the editor's side that keeps all of it current.

The public site

A home for everything the centre publishes, built so a visitor can move from a research paper to a training event without feeling they have changed websites.

• Home, About, three Our Work pillar pages — Research, Knowledge Management and Capacity Building — plus Knowledge Hub, Contact and Collaborate
• A publications library with search, type and year filters, grid and list views, reading online, and member-only downloads
• News, multimedia and training resources, each filtered by the categories editors create themselves
• Events in grid, list or calendar view, with search and filters, showing what is still to come
• Site-wide spotlight search across pages, courses, events, news, publications and multimedia, with keyboard shortcuts and grouped results
• Light, dark and match-my-device appearance, remembered for the visitor
• Accessibility and display settings, including a cursor highlight that switches itself off for anyone who prefers reduced motion
• Loading placeholders shaped like the content, and a scroll guide with progress on long pages

Learning and events

• An online course catalogue with course pages, free or paid enrolment, and one-click launch into the learning platform
• Event pages with seat selection, registration, paid checkout, and a confirmation page that verifies the payment status
• Joining links for online events released only once a place is confirmed and paid
• Add to calendar for Google, Outlook, Apple and Yahoo
• Friendly handling when someone is already enrolled or registered: they are taken straight to their course or joining link rather than shown an error

The member area

• Sign-up in four short steps, email confirmation, and a resend option for expired links
• Sign-in, password reset and profile editing
• My courses and my registrations in the account area
• Toolkits and guides reserved for signed-in members

The editor's side

The part that decided whether the project actually succeeded: everything a visitor sees is assembled by LCQM staff, in a block editor built around their own design.

• Every main page can be built and rebuilt from LCQM-designed blocks — hero, statistics, card grids, latest news, upcoming events, course and publication feeds, call-to-action banners
• New pages, a Careers page for example, can be created by editors and appear at their own address with no code
• Menus, footer, categories and page titles all come from the content system
• Preview any page before publishing, including drafts and scheduled pages
• Each page's title, summary and image are used when a link is shared in newsletters, WhatsApp, Facebook or LinkedIn

How it holds together

• Every main page has a built-in version behind it, so if a page is unpublished or the content system is briefly unreachable, visitors still see a complete site rather than a blank screen.
• Editors change content in one place and the website updates on the next visit. No rebuild, no developer.
• Access to member downloads, courses and joining links is checked by the server, not merely hidden on screen.
• Content from editors is cleaned before it is shown, so a pasted snippet cannot break or compromise a page.
• Shared links carry each page's own title and image, and the site is listed for search engines with a sitemap that updates itself.
• Visitor numbers are measured without ever sending personal details, such as email addresses or one-time codes, to the analytics service.
• The site ships as a single deployment, so fixes reach LCQM as soon as they are deployed.