MYJ: NDA PROJECT

ROLE
UX/UI Designer

TOOLS USED
Figma, Adobe CC, Sketch, JIRA
OVERVIEW
MYJ is a product for healthcare workers and their patients. There is a web platform for the healthcare workers to manager patient information, and a mobile application for the patients.

ALL OF THE IMAGES IN THIS PAGE ARE BLURRED DUE TO THE NONE DISCLOSURE AGREEMENT
"Unfortunately, many of the contemporary UI trends in the consumer space do not translate well to safety-critical applications in the medical space. In the consumer space, an incorrect button press or an overlooked header typically do not have dire consequences. However, such use errors in the medical space can result in harm."
TARGET USERS FOR MYJ WEB APP
CLINICIANS that want to check up on their patient count, and where their patients' are in the journey.
NURSES in the particular clinic that want to access the overview of patients, and register new patients.
ADMINS who can manage the staff by onboarding new members, giving, and revoking access to certain page(s).
EARLY CHALLENGES

User Familiarity

Surgeons, Clinicians, Oncologists, Nurses, and most of the targetted users were not tech-savvy due to the fact that there are not a lot of screens and interfaces involved in their field.

During one of our initial interviews, we learned that even the most advanced hospitals in the world do not have access to a lot of common technology that are widely used simply because of security and privacy issues.

Long Text on Form

Terminologies used in the project varied tremendously in number of characters. Input forms next to each other could have a word with 2 letters, while the next one had 48. while, the web-app was designed to be used in clinical screens (1920 resolution), the designs had to consider responsive usage.
SOLUTIONS
While using a familiar Material.io as a guideline, we decided to use the treatment summary form as the main reference to our UI.
Symbols/Components for Input Fields
STYLE GUIDE & BRANDING
Style guide for web-app set up on Figma
Branding Iterations
UPDATE 1: MOBILE APPLICATION

Patient Portal

The web-application is currently in production and is being tested with local hospitals. The mobile application is being developed at this moment to be tested with the patients by the end of 2020 / beginning of 2021.
CURRENT STAGE
Mobile-App Flow WIP
Mobile-App Registration / Onboarding WIP
UPDATE 2: CONFERENCING

Conferencing

During the web-app implementation, one of the investors joined as an advisor and funded the team for a separate add-on for conferences. Conferences were held weekly via in-person meetings, and Microsoft Teams (pre-pandemic). Due to data breach and patient privacy concerns, a new conferencing feature was to be designed.
CONFERENCE DASHBOARD
CONFERENCE UPLOADER
CONFERENCE PRESENTATION
UPDATE 3: MARKETING PAGES

Who We Are

With MYJ's MVP nearing it's first launch, I mocked up a Landing Page along with a UX Writer.
UPDATE 4: USER TESTING

Iteration

With our first user testing, many flaws were found. New mockups are on my way to iterate and test after our launch near the end of 2020.
OTHER PROJECTS
DE MELLO
FORKABLE
✅ MYJ (NDA)
XPERLY