A member friendly website for BOPA, a charity created to promote excellence in the pharmaceutical care of patients with cancer.
- WordPress website
- Website design
- Form functionality
- Third party integration
Netty Cracknell Secretary and digital lead at BOPA
BOPA is a registered charity which provides up-to-date information and networking opportunities to those in the field of oncology pharmacy. It was set up to promote standardisation through sharing, as an education tool, and as a valuable support network for its members to reach out for advice from others in the oncology field. All members are time poor, so sharing other peoples’ knowledge to the wider community saves valuable NHS time, but their previous website just wasn’t working well for its members and it took too long to update.
BOPA invited several web design agencies to pitch for the work, and at the end of the process Rouge were selected as the agency of choice. It was clear from the offset that the website was to have more of a technical bias than being a design task, and we recognised this by providing BOPA with development and technical solutions to their challenges. The relationship between the BOPA and Rouge teams also quickly developed and it was clear that we’d work well together.
It was essential that users found it a breeze to navigate, communicate through, interact with, and learn from. A thorough user journey process allowed us to create a site map and identify CTA’s that allowed users to get to where they need to go swiftly. In addition to this requirement, we also had to consider how to encourage more people to sign up and become members. To cater for both prospective members and signed up members we created a split navigation. Public users, those yet to sign up, are presented with menu options focussed on the benefits of being a BOPA member and how to become one, whereas logged in users are presented with access to the community and resource functionality available to those who have signed up or paid.
The design and styling of the site was focussed around the community aspect of BOPA, represented by clusters of dots in the BOPA colours, some featuring the faces of real members. The site brings together people from the UK and further afield with one common goal, to promote excellence in the pharmaceutical care of patients with cancer and this was a visually appealing way of representing this. One thing BOPA really wanted to stay away from, was medical shots or imagery of cancerous cells etc, so we listened and you won’t find a single medical shot!
The site was built on WordPress using Rouge’s powerful and flexible in-house framework. This means that we had complete control over each element we had to build in to this site. The website has two main functions, handling memberships and associated payments, and being a hub for online courses.
In order to process payments with our membership requirement, we leant on an existing and well established solution in this space, MemberPress. MemberPress not only creates a mechanism for user registration and management, but also comes packaged with Rules. Rules allow an administrator to create custom access levels for website content based on the active users’ membership – and in this case, five different membership levels. Stripe was our payment gateway of choice due to its incredibly well thought out and dev-friendly system.
Once logged in, a user can browse through the various member-only parts of the website; resources, the forum and courses. And courses are where it all gets interesting.
Courses on BOPA’s old website were locked in to a Drupal environment that were difficult to manage, often leading to many different versions of one course. This prompted a requirement from the client to have an alternative method of creating courses, one that didn’t require too much technical knowledge and that could be used in multiple environments. In steps iSpring.
iSpring is an add-on for Microsoft PowerPoint which enables you to create online course material and publish it as web markup. Once all of the courses were re-created in iSpring, we utilised the LearnDash LMS plugin for WordPress. This powerful plugin not only enabled the creation of courses and lessons, but gave the client a way to upload their iSpring lessons directly on to the website which, when triggered by a user, are opened in a lightbox.
LearnDash was the plugin of choice here not only due to the ability to upload offline course material, but also as it comes packaged with features to create completion certificates, create online quizzes/assessments and even award points to the members for course progress.
This complex set of requirements, off-the-shelf solutions, the handling of live user data and processing payments made for a really interesting and enjoyable build. It’s a great case study that we’re incredibly proud of. Watch this space as phase two is right around the corner with lots of new features on the horizon.