Fepod
Revolutionizing point-of-care diagnostics
In a nutshell
Project duration
4 week design sprint + further design and support activity
Platform
Mobile (iOS & Android), desktop
UX Designer
UX/UI Designer (me)
Project Owner / CIO
Architect
Front-end developer
Back-end developer
Team
UI/UX design
Prototyping
User research & testing
Customizing the MUI framework
Supporting the dev team with implementation
My responsibilities
The Challenge 👀
Fepod offer healthcare professionals a fast and simple solution for measuring the blood concentration of paracetamol, opioids, and other pain medicine directly at the point-of-care using a mobile phone, a potentiostat, and disposable sampling sensors. Accurate results can be obtained in seconds.
Our brief was to create the UX for the application controlling the measurement device (potentiostat). The software also interprets the results using machine learning methods. In order to ensure patient safety, the application had to be simple to use, accessible and designed to guide the user through the process step by step.
The device and application will be used in point-of-care situations in mostly in hospitals and health centers, but also in e.g. home care environment. A desktop version was also developed for R & D work.
Solution 🛠️
I worked in close collaboration with another UX designer. First we created a timeline for the client showing how we would progress. The next step was to gather insight about the users and their tasks. We created customer journey maps and user flows, while I also gathered brand elements and helped plan the technical implementation and architecture. Sprint and feature scope were also defined at this point.
To save both UI design and front-end development time, we chose the MUI framework, since it allowed the designers and developers to work quickly from a pre-existing library – however, some customization was necessary to avoid the application feeling “too Google”. Some functional customization and bespoke solutions were required as well, since the MUI wasn’t suited to all our needs. The framework was also rather heavy for designers and developers alike.
After the basic flow was sketched out with wireframes, I started building a Figma prototype with basic functionalities needed in a single substance measurement, using the brand elements and keeping in mind pre-existing requirements and domain-specific regulations. The prototype was then tested with real users in real environments, simulating the measurement situation as closely as possible. Insight from these sessions was documented and used to develop the designs further.
When we had gathered enough insight, the designs were finalized and presented to the development team. The developers were assisted whenever further refinement or clarification was needed.
Results 🥳
The prototype got excellent feedback from the test sessions and encouraged the company to move ahead with research and development. The client was very satisfied with the initial sprint, and the prototype was also used to promote Fepod at various trade fairs and other occasions. The client secured investments for further steps and the design process will continue in the future.