As well as enjoying them with a cup of tea, we like using cookies on our website to allow us to remember who you are and show you things we think you’d like. For more information about how we use cookies, you can find out more in our privacy policy.

Sorry, Internet Explorer is no longer supported.

To visit Framework Design please donwload the lastest version of either Google Chrome, Firefox or Safari for the best experiece.

A illustrated dog-man sits in a fiery room with an expression like everything is fine although it is not fine
An image showing the CPDmatch 'my courses page' and the course analytics

CPDmatch

CPDmatch is a progressive web app that allows healthcare workers to search for relevant CPD (Continuous Professional Development) training courses in their field. Framework Design worked with the creator of the CPDmatch concept to plan and develop the application and website from scratch. Our professional relationship with CPDmatch remains to date, and work continues to add in new features and further develop the user experience.

Phase one of the process focused on the initial creation of the site, while phase two, which is currently in progress, focuses on a homepage redesign to achieve a clearer user journey, the simplification of the filtering system, and the addition of an education provider database.

View website

Deliverables

An image showing the courses area of CPDmatch site on mobile
An image showing a map with hotspots on the CPDmatch site
A snap shot fo the user information page on the CPDmatch site, displayed on mobile

To bring CPDmatch to life, we built a bespoke Laravel site with sophisticated and intuitive system architecture. The project brief specified the need for a solution that could make the site display even when a user did not have access to wifi or 4G, as this is a common scenario in most hospitals. 

To provide a solution to this we used a progressive web application, meaning that the site still shows content loaded even when there is a lost connection to the internet. This allows users to still browse while off-line, just without any new loading taking place.

Digital illustrations showing 4 medical professionals.

The project called for a full website design that would visually reflect the brand and ethos of CPDmatch. The overall site design needed to be clear, and easy to navigate to allow users to quickly find suitable courses. The Framework design team achieved this by producing a site with a clean and spacious layout, utilising a white background with pops of light blue, purple-blue and turquoise, reminiscent of the NHS branding colours often seen in hospital environments. 

A collection of images showing various pages of the CPDmatch website

Additionally, the website was designed to be very easy to navigate, with clearly labelled sections and buttons that allow the user to quickly find exactly what they are looking for. The site’s fresh and professional look and feel captured the spirit of CPDmatch and helped to encourage user trust and confidence in using the site.

A close up of a course provider profile on the CPDmatch website
A close up of a course under the Anaesthesoa/ Dental category on the CPDmatch site
A large map with purple hotpots showing courses across the UK on the CPDmatch website

An important aspect of the web design for CPDmatch was that it also needed to be UX focused. The goal was to put the experience of the user first and ensure that they could quickly and easily use the site to find relevant courses. To achieve this, after the initial launch of the site, we worked on optimising the homepage and simplifying the filtering system.

The CPDmatch home page
An image of a calendar with wednesday 1st of November 2019 until the Tuesday 7th November 2019 selected
A close up of a course provider profile on the CPDmatch website

We incorporated a ‘save search’ function, which enables users to save their search input and then when an opportunity matching their requirements becomes available, they will immediately receive a push notification on mobile. This feature was included following user research, collecting feedback from healthcare professionals who had flagged that a difficulty they faced was the lack of time they had to search for CPD opportunities between shifts. This feature could then allow healthcare professionals to simply save their search and have the app alert them when a relevant course was announced. 

CPDmatch digital illustration
CPDmatch mobile phone with various medical symbols in it
CPDmatch digital illustration of a laptop sat on a desk with an office chair in front of it and a pot plant to the side
CPDmatch digital illustration

There was also a discussion around how education providers could use the site. As a way of helping them promote their courses and increase visibility, we introduced ‘push credits’.  These are credits designed to be used by education providers as a means to elevate their course to the top of the listings, supplying them with more of an opportunity to be seen by searchers. 

3 images of snap shots of the CPDmatch website on mobile
A screen grab of a course analytics chart
An image showing 2 screenshots of the CPDmatch site on mobile phone

The next phases of development for this website promise a plethora of exciting new features, designed to boost user experience and make the site even easier to promote courses on. We’ll be updating the progress of this project as we go, so watch this space.

Framework were my chosen agency for the development of CPDmatch, a PWA designed to become a hub linking millions of global healthcare professionals to education opportunities. I chose Framework because they listened, understood my needs and provided the full package from design, development, deployment and marketing. My idea has now gone from concept to reality and I continue to work closely with the whole team as we develop new modules and respond to the changing needs of this business sector.

Richard Hixon – CEO, CPDMatch