Ron Chiu: UI Design

NHD - National Home Doctor

Summary

National Home Doctor Service was expanding into Canada, and in doing so, needed to comply with Canadian regulations. National Home Doctor is a service that puts patients in touch with doctors who do home visits, and allows for doctors to take on patients after hours or on weekends when some doctors offices may be closed. Since the original service was based out of Australia, some things needed to change.

Though the service went through a brand update and a new app was being designed and built for Canada, until that happened, they wanted the existing app to at least have the fresh new look of the app in development.

I was tasked with working on this “reskin” of the apps, that would serve as a bridge to the new app.

This project would have two apps. One for patients to enter in their symptoms and book a doctor, and one for the doctors signed up with this service to manage their patients list and schedule. You can think of this as something similar to an “Uber” for doctor home visits.

Patients App Featured Screens

NHD - Patients App - Health Check Screen

Doctors App Featured Screens

NHD - Doctors App - Edit Patient Details

Method:CRM - Product UI

Summary

Method is primarily known as a CRM for small businesses, claiming one of the best syncs with Intuit's QuickBooks. The product has gone through many iterations and improvements, and occasionally I would be requested to help with some of the product UI designs.

With this project, I was tasked to help tighten things up and to come up with some UI treatments for some quality-of-life improvements and features of the product.

The other ask for this project was to show how the shell would look with the existing dark background vs a white background, so screens were created showing how the overall UI would look with both colour treatments.

Dark Shell Featured Screens

Expanded Sidebar -
Contacts Dashboard - Profile Card

Method:CRM - Contacts Dashboard - Notifications

Method:CRM - Contacts Dashboard - Global Add

Method:CRM - Collapsed Sidebar - Search Results

Method:CRM - Collapsed Sidebar - Search Results - Flyout Menu

Light Shell Featured Screens

Expanded Sidebar -
Contacts Dashboard - Profile Card

TTC Rapid Transit App - UX Prototype

Summary

This project was a case study prototype for my BrainStation UX course. The purpose of the app is to make commuting a more “frictionless” experience. My concept would allow for cash or a Presto card to be loaded on their account that can be accessed via the app on a smartphone. Commuters can then pay their fare by tapping their NFC enabled phone to the payment devices on buses and at subway stations. No physical card would need to be present.

For the UI, I chose to go with the TTC brand colours of red, yellow, and black. The font used is Futura as it most closely resembles the font used in their current branding and marketing materials.

Read the full UX Case Study