Fibonalabs helped a Dental Health Care Startup to build a digital healthcare platform for clear aligned business needs.
Client:Dental Health Care Startup
Industry: Healthcare
Services: UX Design, Component-based development
OVERVIEW
The client wanted to simplify the aligner treatment process for patients and dentists. In the COVID times, when patients were not able to meet to the dentists, the client wanted to go digital and set up a virtual clinic to treat patients through video calls. They were looking for a platform where dentists can connect with patients, manage patient records, provide fast treatment and also connect with global labs to order aligners that can be delivered to the patients.
So, Fibonalabs designed and developed three modules (Patient/Clinic/Lab) for monitoring, tracking, and providing smooth communication between these three entities.
CHALLENGES
Tedious communication for patients and regular visits to dentist.
Complex administrative processes such as appointment booking, treatment tracking, answering queries etc for clinics.
Limited labs access for dentists.
PROJECT METHODOLOGY
We followed agile methodology in which we had daily stand-up meetings to discuss the component development. We used Jira as our project management tool to track feature development and bug fixes. We had divided the project into scrums which helped us in planning and delivering the project.
SOLUTION APPROACH
Human-Centric Design Approach
We created intuitive and minimalistic UI for the mobile application and web applications. We stepped into the user’s shoes to understand their requirements, pain points, and expectations. This also helped us to empathize and gain a complete understanding of the dental treatment process as a primary step.
We connected and interviewed different stakeholders to understand the idea behind the network expansion of their dental community and the services which they wanted to provide for the user. We defined User journeys and treatment workflows to give a user-friendly design.
We used this UX technique to identify key interactions and touchpoints with the product. We compiled a series of user actions across different stages of their journey. Our team defined the user journey maps for all three; patients, labs, and dentists.
We worked on information architecture to give a smooth flow to the users. The detailed architecture defined the hierarchy, navigation, and features of the applications.
The wireframing was the essential step. Once the information architecture was ready, we worked on the wireframes to define the structure and functionality of different screens. After wireframing, the screens are converted into visually appealing, yet legible designs.
Later, we worked alongside the development team to design three applications-
Patient Mobile App
Dentist Web App
Lab Web App
USER JOURNEY
INFORMATION ARCHITECTURE
WIREFRAMES
Interaction Design
Based on the wireframes, we created an intuitive, clean, and minimal digital healthcare platform to organize the data in one place across the modules. The color palette, templates, and components for mobile and web applications were created based on the brand logo of this Dental Health Care Startup. The design harmony was created between all modules (Patient mobile app, Dentist Web app, and Lab web app).
FAST DEVELOPMENT AND TECHNOLOGY STACK
Backend
Serverless Node.js, RDS database hosted on AWS cloud.
To adapt to the client's needs faster and make scalable digital health solutions, we used AWS Serverless Architecture. It helped us to save time and build an agile application for doctors. For backup of the medical information, we used RDS - MySQL so that we would be able to use fast and secure storage.
Firebase Push Notifications
Frontend
React and React Native.
We used ReactJS to build a fast and scalable platform. We used data that is open for future changes and modifications. Using React and React Native, we added new features to the medical staff’s web application.
The build of the frontend code was uploaded to the S3 bucket and from there a Jenkins job would deploy the code to AWS CloudFront.
Firebase Push Notifications
Frontend
Stripe (Payment Gateway)
We used stripe express to connect accounts to onboard various clinics on stripe. Each clinic will have its stripe account and it can then start accepting payments. When a patient pays for a particular product, using a payment Intent object, the payment is successful and a webhook written detects successful stripe payments.
Stripe provides a test mode, through which we can test payments without using real money.
Firebase Push Notifications
Frontend
We used Firebase messaging to send out messages from one module to another. We constructed a firebase message object with the appropriate title, body, firebase message token, etc., and triggered this message from the backend.
In the frontend, a listener was added to the service worker file while listening to incoming messages. Every device had a firebase message token which tells firebase to send a message to that device.
Firebase Push Notifications
Frontend
Twilio
We used Twilio for the video calls between a dentist and a patient. From the backend, we created a Twilio messaging token and shared it with the frontend through an API. From the frontend, the start videos call and end video call operations were handled.
Firebase Push Notifications
Frontend
Key Features Of Patient Module
Patients can book an appointment with a clinic via the mobile application
Video conferencing option is available for patients to avail consultancy services from the doctors.
The patient can place orders for dental products like HIK, Aligner, and Retainer via the application.
The application sends reminders to patients for switching to the next aligner
Key Features Of Clinic Module
Dentists can suggest a treatment plan for patients for their teeth alignment.
Accept online payments through stripe
Mention the availability based on which the slots are created for appointments
Track patients' treatment and reports.
Connect with labs for the aligners' needs
Key Features Of Lab Module
Easily receive prescriptions from dentists.
With the Direct Messaging feature labs can save communication time in emails and telephone calls with clinics.
Deliver aligners to patients.
Connect with multiple dentists.
VALUE DELIVERED
The client was able to onboard clinics and labs using respective web applications.
The patients have a connected and comfortable treatment experience through video calls.
Dentists were able to access the global labs with a single click.
It reduced communication time with labs and helped dentists in streamlining the administrative processes.
Looking for UX Design & Product Development services?
Take your business to another level with our pocket-friendly services including UX design, mobile and website app development.
