Dem Dx

visualizing symptoms pathways and onboarding pages


for U.K. based medical startup Dem Dx.


  • Tools
  • Illustrator
  • Photoshop
  • Figma
  • After Effects
  • Size
  • web 1920 x 1080 px
  • Medium
  • Interface
  • Date
  • 2019.12 -

The previous service has one feature that helps users to experience the diagnosis. It provides texts and simple icons that users can start from the system (a group of body organs or structures that together perform one or more vital functions). Then users can narrow down to specific categories of symptoms. Since the users are mostly students who have little experience in real diagnosis, they had a hard time to select from the first page. Also, some doctors who are familiar with their specific field had a hard time to look up the other specialized area. And choosing the step from the first-page is challenging for them. This is because the first page only provides simple information. Information includes the plain text of the systems and icons. The first page is designed to select from medical specialties such as respiratory, cardiology, or gastroenterology. This can be tricky for the users who are yet unfamiliar with each different field and confuse what kind of different symptoms belongs to each area.

Come up with an idea using a body map to ease the selection from the first page to overcome this existing problem. The body map is a visual aid to show the body figure from head to toe. It will provide a different gender (woman and man) as well as a young kid's human body figure. It helps users spontaneously choose the part of the body from the first screen page. After selecting the upper levels of the body (e.g. head), it will narrow to particular body parts (e.g. scalp, face, eyes, nose, ears, and mouse). When users decide specific body parts, it will then provide the symptoms related to the body part.

The font avatar
The font avatar
The font avatar
The font avatar
The font avatar
The font avatar

The font avatar

The previous onboarding page explains 3 key functions of the service before users start to use the app. However, this onboarding page is less attractive to motivate potential users to download the app and less helpful to give adequate information about the key functions. So, redesigned onboarding page gives a clear graphic that is relevant to the service identity and motion to appeal to the users.

The font avatar
The font avatar
The font avatar

Are you interested in my project and want to know more?
Contact me!
guswls1994@gmail.com