Landing Page & Web App

PTPROS

Problem

PTPROS wants to provide users with less severe physical issues or injuries affordable advice and guidance from the best licensed Physical Therapists (PT) in the US, avoid the hassle of finding a reputable PT, and allow the convenience of treatments without users having to go to an onsite facility.

My Role

Working with an web development agency, I was brought on this project as the visual UI/UX designer. The client already had an idea of what features they wanted included in this product. My role was putting together the layout and design.

Solution

PTPROS wants to provide users with less severe physical issues or injuries affordable advice and guidance from the best licensed Physical Therapists (PT) in the US, avoid the hassle of finding a reputable PT, and allow the convenience of treatments without users having to go to an onsite facility.

Go to prototype

My Process

Brainstorming and Planning

During my research and competitive analysis I researched similar medical services like “ask a doctor” etc. After more brainstorming further down the line, it occurred to me that an instructional/tutorial platform could also be a great reference for this sort of project as well.

Dashboard Home

  1. Main Dashboard: Once the user had submitted their question, the assigned Physical Therapist will put together a schedule with assigned exercises. The goal was to make the home dashboard simple and straight forward. I did this by featuring the more important elements on the page that the user would be using the most.
  2. Video Player: I chose to make the video player the most prominent and at the top because it is one of the most important features on the dashboard and will be used the most.
  3. Individual Treatment Session Breakdown: This was made as the second most prominent portion of the main dashboard. I added a treatment session breakdown underneath so that patient can see their entire treatment schedule and know how long each session will take. This approach allows the user to plan out their day/week accordingly. Originally I had put a calendar in the sidebar to show what days each session would be on. After revising I didn’t think it was obvious enough what it did and would take unnecessary extra clicks to use, so I removed it.
  4. Sidebar: I added a progress meter to the side as a widget for the user to be able to quickly glance and check their progress for the sense of accomplishment. Originally I had put a calendar in the sidebar to show what days each session would be on. After revising I didn’t think it was obvious enough what it did and would take unnecessary extra clicks to use, so I removed it.

Messaging Page

  1. Instant Messaging: Because the chat section is the most important interaction on the page, I made it take up most of the space.
  2. Doctors Profile: I placed a profile widget on the side that features a brief overview of the doctors information and rating so users will be able to view that quickly. However, if a user is curious to learn more about their Physical Therapist they have the option to view their profile for additional credibility purposes.
  3. Credits Widget: Users are able to chat with their assigned Physical Therapist through the use of credits. I added the ability to add credits to this page for easy access since this is the specific area in which they are used.

User Account Page

  1. Profile Completion Progress Bar:  Shows the user what areas are necessary to complete by looking at what areas have and don’t have a check next to them. Once completed they will be prompted to ask their question which will then be reviewed by a PT as part of the onboarding process.
  2. Add credits option: I Added an “Add Credits” option here as well. This is where the add credits button on the messages page would link to.