MediqDash

A tool for general practitioners to manage medical info.

Just want to see visuals? Go to the end of the page!

MediqDash

MediqDash, the general practitioners tool, is an idea that I had for a while. After talking to my own general practitioner, we've decided to collaborate a bit and see what product we could come up with.

Platforms

A tool for desktops and tablets.

Type of project

SaaS for B2B.

Project date

2021-2022

Role

Concepting, Researcher, UX Designer, UI Designer, Art Direction.

Challenge

The challenge was to dive into the general practitioner’s and patient’s persona and create the best tool for the user needs. With limited time and resources, we've tried to set up a Proof of Concept quickly to see if it had any potential. Due to the duty of confidentiality of the general practitioner, I was not allowed to see the current tools because they contained confidential information, so it was hard to understand what the current users work with and how they work with it. With interviews and journey mapping, I took the general practitioner along and gather as much info as I could to come up with a PoC. Sadly, after a while we both didn't have enough time to build the project further, so it stopped there.

Tools

Figma, pen and paper

Concept

A tool for general practitioners to manage medical info.

Details

A tool for general practitioners and their team to store all the data and info, search for info about medical complaints in a library and gather external medical info/details in one system.

Customer needs

General practitioners have multiple systems for different purposes, such as patients appointments and registering the complaints from patients. This means that their workflow is divided over multiple systems and tools. For example, they use Google and other online platforms to search for info about patients’ complaints to advise them about. External medical info, like hospital data, is distributed by mail of post, which is another tool to keep up with. It would be more efficient and less time-consuming if all they use and need is in one system.

Issues

- How can all these divided systems and tools work together?
- What about privacy and licenses?
- Is a mobile or tablet device also necessary for general practitioners?

Name ideas

MedDash, Medicy, MedicDash, MediqDash (with the Q being a stethoscope, do you see it: doctors? Get it?)

Some of the idea scribbles

Design Principles

To guide the concept and project, I’ve translated the needs of the users into design principles. These principles stand for the core of the concept and help the product to fulfill the needs.

V1

Save time      Automate every aspect so general practitioners spend less time on administrative tasks and more on helping people
Informative      
Library with info so users don’t have to search online plus they have all the info of the patient
Accessible      For general practitioners, practice nurses and assistants together in one system

V2

Automate      Automate administrative tasks
Informative      
Find info about patients and complaints
Centered      All info centered in one place for general practitioner center’s employees

Final

Automate      Automate administrative tasks
Informative      
Find and store info about patients and complaints
Central      
One central place for involved employees

Designs

Some of the designs I've made.

Sketches

Starting with some of the sketches put together.

Some of the functionalities written down
Some of the wireframe sketches

Information architecture

Organized structure of the tool, which sets the base for all the screens needed.

Sitemap overview

Wireframes

Some of the high fidelity wireframe screens.

High fidelity wireframe screens.

Style exploration

From wireframe to designs, during explorations. The designs are similar to each other because this is what I envisioned it to be, so no wild explorations this time. Sorry...

Icons

Custom icons I've made.

Components

Some of the components.

Grid

The 8px grid system that I've used for alignment.

Typography

I've chosen for Gilroy and Avenir, as the combination is balanced yet modern.

Colors

Most of the colors I've used. Nope, the fancy dark mode colors aren't included.

Final designs

And finally, the designs in some simple mockups I've made.

Patients overview
Patient detail screen, with small and wide widgets and menu folded in and out
Creating a complaint from a patient
Medication overview, in a library form (no more googling!)
Creating a new prescription for a medicine
Library, searching for issues by pointing at the body

The extra mile

I like to push boundaries (in a positive way). That's why I created 2 themes of dashboards with each different wide and small widgets, just to have some fun with components and try new stuff. I know, most of it isn't great UX/UI but hey, it's fun!

Light mode dashboard with some components. Menu bar icons were made lighter as the bright one (V1) is too overwhelming and distracting because all the icons look like they're in an active state.
Yellow for more accent and CTA color of the button, stands out more in a positive way.

Other projects: 

© 2023 Stephan van Dijk
All rights reserved