My Role: UI/UX Designer
CareMessage operates in a unique space as they are a tech startup focused on the healthcare landscape. This provides an interesting contrast, as the visual identity typically associated with a tech startup (modern, fast-paced, youthful) are very different from those associated with the healthcare industry (generally risk averse and slower to adopt technology). Thus, when designing the CM website, I needed to find a balance between those two aspects of CareMessage’s identity.
I found a balance by using solid dark colors as main style elements to draw the viewer’s eye in. To keep the website feeling modern, I used bright colors and bold graphics, especially on pages more targeted to future employees, like the Careers page. For pages that were more informative and focused on the healthcare landscape, I used lighter colors and more traditional designs that still felt friendly and approachable. Throughout the entire website, I used cards to group information together and small icons to add visual interest to the pages.
Information Hierarchy & Chunking
When first given the content for this website, I received pages and pages of text. All this content was important and needed to be somewhere on the landing page, but it didn't all necessarily need to be immediately presented.
CareMessage’s website includes a lot of detailed information about the specifications and technical aspects of their app. However, a first time viewer will not want to read through all this information. By breaking the data down into easily digestible chunks of information, I ensured that users do not need to waste time trying to figure out if they found the information they are looking for or not. It is easy to skim the page, get a high-level overview of the content, and then decide from there what to do next.
Optimizing for Devices
As with any digital product, it was essential that this website was easy to use and understand on all screen sizes, from mobile phones to large desktops. I accomplished this by designing for mobile first and scaling up from there. This forced me to group information and design layouts for the smallest screens first, which made it much easier to scale up and fill the extra space.
The final webpages provided the content they needed to show in a way that was easy for users to quickly find what they are looking for. By using interactive graphics and nested content, I was able to display a large amount of information without overwhelming users or creating a page that was too text-heavy. Creating a visual hierarchy with the text gave users the ability to skim the page and understand the topics being outlined without requiring them to invest too much time deciphering the main takeaways.