2 Months

Concept, Visual, Group

GoPill is a mobile-first application that connects the patient and doctors through providing a safe, intuitive management system. It allows patients to make appointments effortlessly, manage prescription, consult problems with the doctor as well as check out the nearest pharmacy.

With the booming economy, people are paying more attention to personal health care. But making appointments with hospitals takes a lot of time. Compare to the fast delivery services in transportation and catering industry. A new medical system is needed to feed this enormous health care market.

A medical system that promotes and maintains engagement through an interactive and authentic experience, simplifying the medical process.

Andy and I conducted a user survey, evaluating and interviewing 10 individuals within our target demographic of 18–50 year olds on their medical habits and preferences. We discovered that there are three key areas they are most care about:

We then began to evaluate digital medical process in its natural habitat, and looked at the five UI patterns most pertinent to our goals.

From our research, we constructed personas and explored their motivations, how they would use a medical application, and determined our use cases and flows.

We considered various features and flows in creating an experience that would match our goals and the client’s goals. We then use card sort method to decide the basic structure of the application. Also, use A/B test to determine the basic interface layout.

We used paper preliminary wireframe and digital printed wireframe for two rounds of design test, then get usability results from them:
1. Text sending button
2. What if the patients want to make appointments with specific doctors?
3. Time slot of the doctors
4.Add the a new case from the patient’s end
5. Appointment Confirm Page
6. If there is no prescription

Based on the feedback from the paper-testing, I start the a round of A/B testing.
‍The purpose is to find out which way of showing product information is more efficient and user-friendly. I recruited the participants through social media sites and most of them are volunteers. I showed them these two different designs and let them try out both prototypes. It was surprising that most users prefer Design A. Since before the testing I personally thought that the Design B might be the winner.

We conducted a visual system for GOPILL company. The main concept is to present a bridge between doctor and patients. We find the images that present Sterile, Clean, Simple, Direct, Safe feels.

We created a research mood board of healthcare related logo designs. Also, GOPILL is a company that bridging patient and doctor together through medical system. So we came up with the idea of combine two colored circle together with a symbol of pill. We called it GOPILL to present a more positive healthcare spirit.

GOPILL service provided for hospitals and patients. The GOPILL ID card or pin could be the symbol of the capability of transferring medical record.

To get the fell of modern, clear, intuitive and minimalism, we found UI inspirations from Behance and Instagrams.

After an extensive wire-framing process, we went to visual design stage, implementing the chosen mood and style to the blueprints.

Introduction
Intro loading pageQuickly browse how the application works through a illustration.

Sign In
The users identity them at the first time they use GoPill.

Reminder
‍Users can view their medication schedule, the small dots underneath present the different pills on that day.
Switch to list view
If there is not a lot of daily schedule of medication, the list view is a more effective way to view the medication plan.
Daily plan
The section underneath the calendar shows the daily medication plan. It will default show today’s medication plan. But if the user clicks on the day on the calendar. It will show the plan on that day.

Appointment List:
‍The patients can manage the existing appointment as well as add one.
Appointment Detail:
On appointment detail page, patients can check location, doctor's information, and address.

Search Filter
The patients can search for the special doctor by providing specific filters.
Doctor List
The application will provide all the doctors that suitable for the specific requirements.

Main Menu
Users can always check the calendar, active prescription, and history.
Brief Doctor Profile Professional doctor picture and title make it more authentic.
Text Field
The patient can always text the doctor whenever they have questions about the medicine.
History section
GoPill put patients prescription history in the third main function. They can also check their medicine history.

Empty page
For most of the time, people don’t have medicine plans and prescriptions, So they will receive a congratulation message.
Bold Mode
The users with vision problems can always switch to the Bold Mode, to make everything bigger on page.

Medicine Image
There is a visual image of the medicine.
Review and side effect section
Use small sections to divide the review, side effects and dosage section. Make the huge amount of information more digestable.

Appointments Management (Doctor)
The doctor can always manage their patients in the Patients section and the plus button on the right bottom allow doctors to add patients effectively.

Active Prescription
The Active Prescription section is a collection of the recent active prescription. Doctors can view the detail information inside and respond to patients’ questions.
History
Doctor’s prescription history collects the prescripts  that he gave before.

My account
The users can manage their personal information on the top left icon.

Doctor ID
The users’ can access to their doctor id information on my account page.
Finger Print Verification
For the information safety, users have to use the finger print to unlock the editing access.