Tests2go is the sister brand of NPH Group, a specialist in occupational health services. Originally created as a Covid-19 testing platform during the pandemic, Tests2go has expanded to offer personal well-being blood testing. To enhance the user experience and improve conversion rates, Readysalted were brought in to rebuild the platform with global deployment plans in mind.
The project’s objectives included the website being able to handle global traffic and orders through a new Vue.js-based frontend and managed via a CMS that NPH staff could edit. The project was moved to an AWS hosting platform and an API was developed to link to NPH’s external B2C management platform.
The project was divided into the following areas: research and planning, UX design, frontend/backend development and AWS hosting deployment.
During the research and planning phase, we conducted competitor analysis and using Google Analytics, we examined Tests2go’s website performance. We identified areas of concern in user journeys and reviewed KPIs and content strategy. We also helped plan UX workshops, project milestones, and deliverables to support the team.
In the UX design phase, we wireframed and prototyped the website using Figma, incorporating user and stakeholder testing and feedback.
During the frontend and backend development phase, we developed the Vue.js front-end, linked it to a content management system (CMS) and backend Node.js build, and published the web application.
To test the new website and gather UX feedback, we followed a seven-step process, including a UX workshop, technical planning, journey and site mapping, wireframing, prototyping, and usability testing. We used weekly sprint meetings to discuss action points and project management software to log meeting notes and share information.
During the UX workshop, we gathered data on the current website, analysed Google Analytics, and mapped user personas and goals. We also identified areas for UX improvement and listed the tasks and varying skill levels and barriers of the users.
Our list included the following:
- User goals and motivations
- Age range
- Pain points
- Needs (including accessibility)
- Google Analytics data to understand drop-off points.
We conducted a security audit of the technology we planned to use and discussed hosting and disaster recovery options, as well as ongoing support for the project.
To structure the content for the Vue.js/Strapi CMS technology, we used Figma to plan the user journey and shared updates with stakeholders via weekly sprint meetings.
We designed wireframes in Figma, added icons, images, and colour to enhance the user experience, and created custom page templates tailored to content types. We incorporated the new NPH Group brand guidelines into the design of the prototype and tested it with stakeholders and a pool of users. We used feedback gathered in sprint meetings to update the prototype.
During front-end development, we deployed tests to a UAT staging area and tested the website on mobile, tablet, and desktop devices. We also tested the UAT version of the website with a pool of test users and project stakeholders and used feedback from the UX report to make final adjustments.
After launch, we gathered analytic reports to assess the KPIs and used user feedback to make suggestions for phase 2.
In January 2022, the new version of Tests2go went live with a significant increase in conversion. In October 2022, we relaunched the well-being blood test version of the web application.