Web & mobile platform
Docity
Aiming to connect patients with providers seamlessly.
Docity first came to us with a great head start on their application, having a very rough initial brand as well as a few general mobile screens designed out. They knew their current designs weren't in a good enough state to launch with, so they contact my company (TEEPS) to help them create a more distinguished brand direction and finish their web and mobile health platform.
At the outset, two design directions were created for the client. The first one featuring a more accessible design that tried to take full advantage of photography to help make the website more personable. Psychology studies have shown that websites featuring actual people with pleasant reactions helped to put users at ease and gave the website more credibility. The second direction provided a more light and modern aesthetic, while still using photography, it was toned back and focused more on the immediate actions a user could make.
Two directions were made and the more personable version won the client's vote
The initial Docity brand was very bare-bones and consisted of the same main light blue color that was, at times, very hard to read and not very accessible.
The app designs that the client brought to us was a nice foundation that I could build off of, continuing some of the basic ideas in the final design.
Animation tests were created to see how we could make a more fun experience for the user, here showing a loading animation that features the company logo.
Ultimately, from the two versions of the platform presented to the client, the more personable and accessible version was chosen, moving the platform into a more enterprise-ready interface. Contrast was a key feature of the design and I also tried to provide pleasant photos of people where applicable to maintain the personable feel.
With the final direction chosen, I needed to build 3 separate experiences for the platform:
Customer Experience
The main experience was for the customers who could register with their insurance information, find a doctor who could help them with their symptoms, book an appointment, and have a 1-on-1 call with the doctor.
Provider Experience
The second focus was on the doctors, who could log into the platform, set up their notifications, view any upcoming appointments, and make a 1-on-1 call with a patient.
Admin Experience
The final UX was for the admin side of the platform, allowing company admins to manage the customers and providers of the platform, adding new ones, editing their profile information, and being able to adjust appointments.
We encouraged every doctor to use a profile picture to enhance the user experience
The customer signup process featured a streamlined registration flow that allowed users to quickly enter their information, select their insurance provider, accept the legal agreement and quickly get into the platform to book an appointment.
The entire platform was somewhat mirrored between the customers and the doctors, which gave the customers control to book an appointment and also gave the doctors full control to launch the call on their end. The company could also provide patients a USB snake camera that was easily detected by the web app in case the doctor needed to see inside the patient's mouth, nose, or ears.
The design was translated over into mobile app screens, allowing users to access the platform on a browser or their own mobile phones.