MedHelp

A modern design of the world's largest online health community.

The challenge

MedHelp is the largest online health forum, with over 300 million visitors each year. Users visit the platform to get answers to their health questions. While I worked at MedHelp as a UI Designer, I lead the team through a rebrand to help our platform better connect with our target demographic - women between the ages of 18-35 with a medical condition. With new brand standards in hand, I had the enormous task of bringing the platform up to the new design standards. I inventoried the entire platform, identified key screens, wireframed all views, crafted a new visual language, produced high-fidelity screens with the new visual style, and coached engineering through the integration of the final screen designs. The outcome was a completely redesigned user experience of both the marketing pages and app views.

My contributions

User Flows
Creative Direction
Concept Designs
Visual Design
Design System
UI Patterns
Wireframes
Responsive Design
Developer Specs
User Testing
A/B Testing
Design Mentor
Design Documentation

Tools & tech

Sketch
Illustrator
Gliffy
InVision
Jira
Slack

Collaborators

Jamison Hill

Design Lead

Ji Sun Heo

UI Designer

Isaac Villanueva

UI Designer

Elise Rogers

UI Designer

Tim Spence

Backend Developer

Hamid Schricker

Product Manager

Lilia Martinez-Coborn

VP Product

Nate Tang

Product Manager

I looked at every page and view within the MedHelp platform to get a holistic inventory of what would be included in the final scope.

Core template pages were identified from the initial inventory screenshots. I wireframed each view in order to help me get away from the current visual style of the application.

From the wireframes, I pulled out unique components. This was the first attempt at creating an inventory of the components needed in the new design system.

While referencing the new brand standards and researching component layouts with the team, I crafted a new set of components who's styles aligned closely with the new brand direction.

I went screen-by-screen and moved the wireframe designs into final designs. Components not previously designed were created at this point and added to the UI library.

Each and every view was carefully optimized to feel comfortable on mobile and tablet devices.

The new design system was now fully-baked, comprised of all components used in the desktop and mobile designs.

Here's a quick look at the before and after of the designs. The final designs with the new brand standards simplified and elevated the entire health forums experience.

Design process:

Software Design Process

More projects: