Philips

Improving lives through digital health technology.

Overview

Health Technology, Behavioral Change, Device Integration

Objective

Customize h2's whitelabel platform for Philips health management solution.

My Role

As a User Interface Designer, I worked with the Design Director to create the moodboard, app, print, and website visuals for the entire platform. I also created the styleguide for development.

About Philips

The Philips platform connects behavioral science and individual data sets into a personalized health portal that drives individuals to their goals.

Timeframe

Launched in 2014

Team

1 UX Director
3 UX Designers
2 Visual/UI Designers (myself)
1 Offsite Dev Team

Tools

Photoshop, Illustrator, Slack, Invision, Basecamp.

Deliverables

Moodboard, sketches, user interface design, clickable prototype in Invision, printable PDF designs, styleguide, and assets for development.

Onboarding & Device Integration

Seamless and quick integration of Philips devices (AHRM, Scale, BMP) was crucial for user retention.


Tracking Healthy Habits

Big picture goals translated into smaller actions help make the process of lifestyle change more achievable and sustainable over time.


Nutrition Management

Philips nutrition plan accommodates multiple nutritional models including: caloric, glycemic, exchange-based, portion-controlled, and/or elimination-type diets.


Streamlined Data Visualization

This helps users track and understand their progress. Users can easily measure their blood pressure, sleep, heart rate, calories burned, cholesterol, weight, water, etc. and be informed on how to improve them.


Health Assessment

Understanding each person’s unique health goals, needs, and motivations help make it possible to deliver intelligent, targeted recommendations to each user.


Challenges

Users can participate in fun and challenging goals while fostering social connections that increase participation and success.


Feed & Templates

We created what we called container templates. These templates were created to streamline the types of content for development into a set number of layouts. Here are a few examples…

Styleguide

In this detailed styleguide we called out the CSS for color, typography, buttons, and forms as a reference for development as well as details on specific components like the navigation.

Desktop

Though the focus of the Philips product was their app, we also created a desktop portal.

“Shelly is the golden combination of incredible talent, boundless enthusiasm, and a curiosity fueled collaborator!”

– Kimberly Jennings, UX Director on Philips at H2 Wellness

Previous Project
FitStation Case Study

Interested in working together?

Let's talk about how I can help improve your product.

Shoot Me a Message