Lab Platform - BioMark
Website and App
What this platform does
The lab platform stands as the latest addition to our product suite, offering a robust and comprehensive solution. It serves as the hub for our product ecosystem, connecting with the doctor platform and PWA and serving as the primary source of truth for the laboratories. I blurred out portions of the platform with boxes to hide the content and flows as this is under NDA.
My Role
User research ​
Protoyping
Visual design
User testing
Interaction design
Wireframing
​
Lab Platform
The Lab Platform is interconnected with the Doctor Platform and PWA, forming a comprehensive and interconnected ecosystem that elevates its capabilities. This interconnectivity streamlines data sharing and accessibility, creating a seamless collaborative environment for healthcare professionals. The result is a harmonious synergy that enables medical practitioners to work together effortlessly, ensuring the delivery of high-quality medical care. In an era where interconnected healthcare is paramount, this integration enhances laboratory operations, making them more efficient and effective.
​
In developing the lab platform dashboard from scratch as it was a new project, I turned to insights and ideas gathered during one of my design bootcamp projects, Chatterpure with a similar dashboard layout concept from this project to create a distinct and user-friendly interface for the lab platform with a side navigation menu, to ensure scalability, considering the scale of laboratory operations.
Lab Platform Sketches and Ideation
I sketched proposed flows and dashboard concepts based on the requirements of the product manager and stakeholders, conducting thorough design research on different dashboard layouts. However, the ideas evolved during development due to changing stakeholder requirements and resource constraints.
Understanding the user
In creating the lab platform and PWA from scratch, we had calls with stakeholders to understand the requirements and user stories, and from there, we crafted a lab platform persona embodying a comprehensive overseer managing various platform aspects.
​
​This persona assists in directing our efforts towards identifying necessary data, tools, and checks and balances essential for enabling effective work within the platform to optimize the operations of the laboratories.
PWA (Personalized Web App) for Despatch Riders
We created a personalized Progressive Web App (PWA) linked to the lab platform for despatch riders.
This app guides riders on efficient routes for collecting and delivering samples to clinics and back to the laboratories. It streamlines the laboratory fleet management, enabling better oversight and resource optimization by fleet managers, and allowing the strategic deployment of personnel for timely sample collection and delivery to optimize laboratory operations and route management.
Research
I conducted extensive research on popular delivery and rider apps like Lalamove, GOGOX, Pickupp, UParcel, and Milkrun, focusing on rider perspectives and functionalities. This research laid the groundwork for designing our Progressive Web App (PWA), aligning with best practices and insights from existing apps. Utilizing real-world rider experiences, our tailored PWA meets our laboratory fleet's specific needs, enhancing their efficiency and productivity.
PWA Sketches and Ideation
To shape our PWA design, we began by sketching flows and dashboard concepts based on initial requirements from the product manager and stakeholders. Using the lab platform dashboard as a guide, we ensured alignment in functionality between the two interfaces. Inspired by existing delivery apps, our PWA screens focused on managing the dispatch rider fleet effectively.
Features
The PWA tracks rider deliveries, offering insights into routes and clinics, and helping laboratories reward riders for their contributions in managing medical sample flow. It optimizes routes, verifies locations, sample collection, and delivery schedule and incentivizes riders, ensuring smooth operations and top-notch service.
Making Trade-offs
We aspired to add a live map feature for riders, akin to other delivery apps, to boost user experience. However, due to resource constraints and a lack of experienced team members in the initial stages, we had to prioritize feasible features within our project's scope and used what was available to mitigate it with integration with a Waze button.
PWA Mini-Design Challenge
Amidst pressing deadlines, the initial lab platform dashboard and PWA designs were expedited. However, in 2022, I saw an opportunity for a PWA update.
After gaining approval from product managers and management, I initiated a mini-design challenge to enhance the app's aesthetics and layout. The sketched ideas below demonstrate the concepts explored to refine screens and design flows to improve the user experience of using the PWA overall, ultimately shaping the current hero image of the PWA app.
Old PWA vs Revamped PWA
The image below displays the first iteration of the PWA design with the old branding, beside the revamped version, now reflecting the company's updated branding and colors after the mini-design challenge. While blurring most details, it highlights the improved layout of the redesigned version while still having the resource constraints.
Understanding Who We Are Designing For
Leveraging stakeholder research insights, we crafted user personas specifically for despatch riders, driving the direction of our PWA app design. These personas comprehensively embody diverse user needs to enhance user experiences while factoring in the inherent risks of the job such as the delivery of patient samples and the varied road conditions within the respective countries they operate in.
BioMark Ecosystem
The platforms are intricately interconnected with the Doctor Platform and PWA, creating a holistic ecosystem that further enhances its functionality as this simplifies data sharing and accessibility but also fosters a collaborative environment with healthcare professionals to work together seamlessly to deliver quality medical care. These 2 platforms are valuable tools in helping laboratories to deliver care and manage their operations better.
The Team
I was involved in the end to end design with another designer, in a large team of 10 engineers, 2 QA testers, and 2 product manager.
More Information is available on request!
Please note that due to a non-disclosure agreement (NDA), I am unable to showcase and elaborate on specific design concepts, and flows in my portfolio for these 2 projects. However, if you're interested in learning more about these projects or would like additional information, please feel free to contact me for further details about the platform.