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
Next Project
Interested in working together?
Let's talk about how I can help improve your product.