I interned at Sprout as a Product Designer in Fall 2016.
Sprout is a leading Corporate Wellness Engagement platform that allows corporations to promote healthier and happier lifestyles for their employees, leading to higher productivity and overall satisfaction while on the job. Employees can use the Sprout platform to track activities, join challenges, and join communities consisting of employees that share similar interests.
Sprout is a leading corporate wellness engagement platform that allows corporations to promote healthier and happier lifestyles for their employees by tracking activities and joining challenges and communities. The Sprout Health Risk Assessment (HRA) is a survey that asks users a series of questions regarding their health and lifestyles with the intention of determining risks and providing recommendations on how to mitigate such risks. Being a completely new feature that is to be introduced into the registration flow, the challenge was designing the flow and user interfaces of the actual assessment.
For this project, I worked alongside another designer but was primarily responsible for designing the workflow, interfaces, and illustrations, for both web and mobile (iOS). I also provided high-fidelity mockups to developers and worked closely with them to discuss technical feasibility and and ensure their implementation of my work was as accurate as possible.
As stated before, the HRA was going to be added to the existing registration flow, as shown below.
Some important points to note for the new feature is the following:
Given the points listed above, to ensure that all edge cases are covered, I created the workflow below to identify all of the possible scenarios that could occur for a user going through the new registration flow.
The end result was a guided questionnaire that was informative, engaging, and easy to digest. The survey was broken down into smaller subsections to avoid information overload and provided users with the flexibility of completing what they wanted, when they wanted to.
An important aspect of the registration flow is to provide context to users as to what the platform can offer and how it can benefit them. To accomplish this, value proposition screens were designed for the purpose of educating users and outlining the values of the platform.
To avoid information overload, the survey was designed to present every question on a per-question basis. This approach established focus on the current question and prevented users from diverting their attention to other distracting elements. The progress bar, fixed to the top of the modal, indicates the current section and how far along the users are in the survey. This provides users with foresight and motivation to complete the survey.
Lastly, to add to the overall experience of the survey, I created a series of fun illustrations to accompany every value proposition, question, and edge case (empty states, specifically). These illustrations provide visual context to the information and made the survey more digestible as a whole.
Lifestyle illustrations used to accompany every question
Illustrations used on value proposition screens
Edge case illustrations (used on error screens)