OATBook Medical app

 

Personal project • Product design • UI design • UX design • Brand development

 
 

Personal project for empowering patients taking warfarin. OATBook is aimed at patients taking Warfarin and having to take regular blood tests. This monitors the INR (International Normalised Ratio) against the patients range. Falling out of this range carries some scary consequences so it’s important to be monitored regularly.

 

Living with Warfarin

Patients undergoing OAT are either tested by their local anticoagulation clinic, or self test at home with a special blood tester. In both cases, patients currently have to record their INR range in a special yellow book issued by the clinic.

 
 
Warfarin.png
TestingKit.png
BloodTesting.png
INRBook.png
 
 
 

Sketch development

Rather than having to manually keep track of my daily dosage in my yellow book, I wanted to be able to do it digitally. I wanted an app to record my blood test results, my appointment notes, prescription notes and the dates that I need to check in with the clinic. An app that helped me stay in my INR range by reminding me to take my medicine and monitor my blood regularly.

Creating OATBook

Working on the tested wireframes I started introducing some of the principles from the branding to key screens.

 
 
InitialSketches.png
Wireframes.png
 
 

Creating a brand

Moodboards where created to influence the brand and shape the UI. From research a lot of the competitor apps where aimed at medical professionals and often put-off a patient user. The brand was to feel welcoming, friendly, routine and lightweight.

 
Moodboards.png
 
 

Your medical diary

One of the problems with taking sensitive medication like Warfarin and self-testing is theres a lot to note and often doens't follow any regular pattern. The diary along with the rest of the UI was kept minimal allowing to focus on one thing at a time.

 

And Your medical history in one place

A big feature that came out from user testing was the ability for the user to see a history of there dosages and blood readings. This was often kept for medical professionals but displaying to the patient was a great way for them to feel in-control.

 
TestingSupport.png
DosageAdhereance.png
ClinicSupport.png
I really adore the design of this app and it’s so easy to use. The person who made it clearly understands how the testing and dosage process work, which makes imputing information simple and intuitive. Thank you very much for making such a wonderfully designed and thought out app!
— Canadian App Store
EuropeanDirectory-HealthApps.png
 
 

Recognised by charity groups

After launching the app it’s been greatly received by patients and medical professionals as well as being recognised and supported by charities Anticoagulation Europe and Atrial Fibrillation Association. 

 
 
NHS-Choices.png
AFA-ACE.png
 

Credits

 
Telegraph.png
Lovie.png
FWA.png
Bitmap.png
os.png

Awards & Mentions

 

other projects