WebMD is the most popular source of health information in the US. But the site's relationship with drugmakers brings into question the ingenuity of the site and it's content. I wanted to explore using design as a way promote trust with users.

The current homepage

The current homepage relies heavily on imagery and ad placements. However, the images are not extremely relevant to the content and because mostly all of them are stock photos, they are not relateable. A news site with tons of pharma ads and fake images don't really help in the trust department.

Colors and fonts

Parsing through tons of medical information can be numbing so I opted for brighter and more uplifting colors that give a feeling of assurance. The primary colors have been tested for ADA compliancy.

Designing trust

The homepage already had a structure but I wanted to redesign the top of the page especially since it's the first thing the user will see. I looked at other trusted news sites and one that stood out to me the most was the New York Times homepage which is structured very much like the first page of their printed newspaper.
I started with the above newspaper layout as the structure for the top of the homepage. I looked at the remainder of the content on the current homepage, such as the videos and the slideshow call outs, and tried to find ways to make them more interactive.

ADA fixes

The default state for the current tags on the site are not compliant. While the dark text passes on the light blue button shape, the button shape itself does not pass on a white background. In my redesign I changed the stroke of the buttons to the ADA compliant blue from the new color palette.

Believeable imagery

The current imagery consists mainly of stock photography that uses models in awkward or unrealistic poses. In the redesign I suggested using imagery that doesn't involve people that look like paid models. Scenes and situations are more realistic.

The final designs

A clean layout with featured articles and trending topics. The homepage also features interactive content such as slideshows and immersive videos. The cold and flu map is a very popular tool used on Medly. To give it a make over, I chose a muted map accompanied by poppy red to indicate severe flu activity and purple to indicate mild flu activity. The historical trends infographic allows user to see flu activty of the last 5 years.