Dinnaco - Private Exchange Sustainability Calculator iPad App Design Update Challenge

The client for this project has an existing Excel-based application that helps organizations determine what solution is best for their healthcare needs. They have decided to convert this existing application into a new iPad application.

For this challenge, we need you to refine and update the screen designs for the new Private Exchange Sustainability Calculator iPad application.  We have provided the existing screen design concepts as a starting point.  Details on areas we want you to polish and refine are described in this challenge spec, and we've also included some design inspirations to show you the direction we'd like to move in.

We look forward to seeing your creative designs!

Round 1

In Round 1, you should submited the updated existing screens (from "Exchange Calculator iPad App Initial Design Concept FFv1.zip") based on the "Update Requirements" and "Areas to Focus On" sections of the challenge spec.

Round 2

In Round 2, you should submited the updated existing screens (from "Exchange Calculator iPad App Initial Design Concept FFv1.zip") based on checkpoint feedback AND the "Update Requirements" and "Areas to Focus On" sections of the challenge spec.

Challenge Summary

For this challenge we are looking at you to refine and polish the screen design for an existing application that helps organizations determine what solution is best for their healthcare needs. Through a series of questions a user of an organization is able to quickly determine if his/her organization is a good fit for a Private Healthcare Exchange. Dinnaco provides this tool as a service to its clients and is looking to improve the user experience and refresh the overall look and feel.  We have already run a design concepts challenge and the screens have a nice look-and-feel. However, we would like to explore ideas around making the survey portion of it more appropriate for a native iPad application interaction as opposed to just a vanilla list of questions and form fields.  In this challenge we're asking you to take our current screen designs to the next level!

Quick Challenge Summary:
- Using the provided areas to focus on and design inspirations, you will need to update the existing screens so the survey and user interactions have the best user experience on an iPad.
- Focus on the Questions content, Progress meter / survey navigation, and Results infographic (see full details below in the spec)
- Please use provided brand guidelines for your design.
- Your submission must work with the Dinnaco brand.
- Think of clean modern design and the use of imagery / graphical elements to create an engaging experience.
- Consider the best user experience for informing, educating, and taking a user through the process of filling out the forms and provide them with an infographic that gives them the results of their survey tool.

Project Description:

The client for this project has an existing Excel-based application that helps organizations determine what solution is best for their healthcare needs. They have decided to convert this existing application into a new iPad application.

Update Requirements:

1. Brand and color selection:
We’ve provided an updated brand guidelines with more closely aligned brand colors
Look to utilize the Green color as a navigational cue (replaces orange color) 
The document also has a better description for how to utilize your typography (If you do not have Frutiger...please substitute with Source Sans Pro) 
We’ve also provided a few examples of other brand design. Please take visual cues from these samples and apply them to your designs

2. Navigation scheme:
There are essentially only 3 main sections of this APP...so a hamburger drawer nav isn’t really a necessary navigation solution. Look to create a main navigation header with the links on the top header bar. (About the Survey, Thought Leadership, Take the Survey) 
Also consider iconography that can go with these main navigational links

3. Mobile First 
This application is intended to be viewed on an iPad. We want you to cater your design to this experience. What that means is that you should be thinking through the user experience in how it relates to your navigation, content and interaction. This is a native APP...so we are not confined to typical browser interactions
Take a look at some of the iPad inspirational samples and take note on how buttons, content and interaction are displayed. Look to take this direction and improve your overall “mobile” design experience. 

4. Survey:
This is the main section of the application, and the most important area to really take advantage of native APP mobile design patterns
Consider how the user interacts with the questions? Show their progress - show different states of the questions to mark off what has been answered
Consider how to create interest in how a user answers a question. Is it more than just a button and a field? Is there a slider that displays a numerical value that the user interacts with? Are the answers laid out in columns with iconography and visuals that add to the users understanding of the question?
Consider introducing a 2ndry navigation element that allows a user to see their progress in the survey and also allows them to navigate to the different sections of the survey to change or edit their answers. This may be an instance where a “drawer” navigation concept makes most sense. 
Consider showing visual cues for navigation thru the survey rather than a simple “next”

5. Results Graphic:
Essentially this is a infographic that summarizes the results of the survey. Consider your visual concept for what best demonstrates to the user if they are a strong fit, good fit, or weak fit for a Private Exchange. 
Does your visual relate to the Application survey content?

Areas to Focus On:

1. Questions content
- Audit the current list of questions and come up with ways to make the answers more interactive. Think infographics...number ranges, sliders, icons and other graphic devices that make it more interesting to fill out the survey
- We can think about how we can break out each question to be interactive - and come at it from a one question per screen display, but visually interesting and interactive for how the user answers the question. Obviously this depends on the question format and we may want to consider changing the answer format to fit this interaction. So we can feel free to break out answers into number ranges, yes / no icons, and other graphical elements that relate to the question content. This is where we can get creative. 

2. Progress meter and survey navigation
- Think of a sub nav concept that guides a user thru the survey and tells them their progress and allows them to navigate and go back and edit and answer other questions
- Graphic elements should indicate if a question is answered

3. Results infographic
- We need a more creative way to display the results of the survey that tells the user if they are a weak, good, or strong fit for a private health care exchange. 

User Scenario:

- Crosby is in charge of managing his organizations benefit and healthcare programs. Crosby wants to find the right plan for his companies healthcare and is given a useful tool that will help him make his decision. The Dinnaco Private Exchange Sustainability Calculator tool will point Crosby in the right direction by answering a few simple questions about his organization.
- Crosby pulls up the tool on his iPad and starts investigating the application. The home page content informs him about why it is important to use the Private Exchange Sustainability Calculator and guides him through the process of filling out the forms and being presented with results that will help Crosby in his healthcare plan selection. At every step in the process Crosby knows where he is at and is presented with an informative infographic at the end that aids him in his decision making process.
- In addition to the calculator tool, Crosby is able to investigate deeper into this topic through the Dinnaco Thought Leadership section.

NOTE: We have provided design inspirations and our existing screen design concepts to help you get started, please make sure that you DO NOT COPY the given screens as is - if you do, all submissions will look similar. We are looking for your creativity on how to refine and polish our existing .

Design Inspiration:
1) A good example of where we want to drive this application design / user experience in a video: https://vimeo.com/51696005
2) Mobile-Examples.zip - Design Inspiration for the direction we want to go with this application

Branding and Guidelines:
- Required Screen Sizes: iPad Landscape Size (1024px x 768px)
- Simple, Clean and Professional Look
- Different design components need to be feel similar to keep the experience consistent across the application
- Please use gesture based interactions to improve UX and UI efficiency
- Icons need provide an intuitive representation of a certain status of action
- Some Buttons lead to primary task while others provide access to secondary. Variation color button should show different state of button
- Typography need create harmony and cohesiveness within the text
- The Dinnaco Brand is a fictitious brand that we are using for this challenge. Please follow the provided branding standards.

General Storyboard Design Goals:
- This application will be an iOS native application. Taking into account that it should allow for swipe, accelerometer, GPS, all the advantages that comes with the performance of native app.
- Application will be developed on Tablet platform, your design needs to anticipate Responsive Web Design solution.
- Think simple but effective solutions! Have fun creating this - let us know how you think it should work!
- Use shape format on every graphic element inside your .psd so we not lose quality when resize into Retina version.
- Think of dynamic ways to display each page content. Does it use a carousel function? Or is it a long scrolling page utilizing unique animation effects such as parallax to display content across responsive devices.
- Think about how you use imagery, iconography, color, and typography to make each of your sections visually engaging.
- Less is more, aim for simple and clean.

Private Exchange Sustainability Calculator Flow / Screens:

The existing screens for the new application include:

1. Landing Page
Info: On the landing page the user is given an overview of the application and has several calls to action that take the user into the Private Exchange Sustainability Calculator.
- Sections that can be displayed in Landing Page:
-- Welcome to the Private Exchange Sustainability Calculator
-- Behind the Tool
-- Lead from the front
-- The fine print
-- Get results
- Show actions buttons for each sections

2. About the App
Info: The About section gives the user reasons why they should use the tool.
- Sections that can displayed in About the App:
-- What is Dinnaco’s Private Exchange Sustainability Calculator?
-- What factors are considered in the calculator and outcomes?
-- Why should I take the Sustainability Calculator?
-- Get results
- Show actions buttons for each sections

3. Thought Leadership
Info: The Thought Leadership section is an updatable content section of the Application where Dinnaco can provide relevant content that supports Dinnaco’s position as a foremost authority on healthcare.
- Sections that can displayed in Thought Leadership:
-- Lead from the front
-- The future of healthcare insurance: What’s ahead?
-- The Hidden Costs of U.S. Health Care:
-- Physician-Hospital Employment:
-- 2012 U.S. Survey of Health Care Consumers
-- Will they come?
-- Bending the Cost Curve on Health Care
-- Get results
- Show actions buttons for each sections

4. Exchange Sustainability Calculator
Info: The Private Exchange Sustainability Calculator is a simple form that our target user fills out to get a result/ recommendation as to if their organization is right for a Private Exchange
- This page need show Progress trackers are designed to help users through a multi-step process
- Design clear way to distinguish active, completed and inactive steps
- Sections that can displayed in Thought Leadership:
-- Company Background Information
-- Workforce Demographics
-- Benefits Philosophy
-- Current benefit Offerings
-- Retiree Coverage & Cost Projections
-- Vendor Relationships
-- Your Results
- Show additional form inputs from existing-app-screenshots.zip & Exchange-Survey-Design-Direction.pdf
- Your design must easy to recognize if the form is input or dropdown or any other form inputs
- Think of an interesting infographic that displays the result of the survey

NOTE: If anything is unclear, please ask for clarification on the forum and we will be happy to help!

Project Documentation:
1) Existing Design Concept Screens ("Exchange Calculator iPad App Initial Design Concept FFv1.zip") - Dinnaco Private Exchange Sustainability Calculator screens from the first challenge we ran. Due to file size, they are available in this Google Drive folder (please request access): Download "Exchange Calculator iPad App Initial Design Concept FFv1.zip"
2) Mobile-Examples.zip - Design Inspiration for the direction we want to go with this application

Target Users
Existing and Potential Dinnaco Private Exchange Clients.

Judging Criteria
- Overall look and feel of the design
- How well you plan the user experience and capture your ideas visually
- Cleanliness of your graphics and design
- Your design should possible to build and make sense as a tablet application

What to Submit
Preview JPG/PNG Image File 
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.

Submission ZIP File 
All requested requirements/screens as JPG or PNG files. 

Source ZIP File All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file, or Adobe Illustrator as a layered AI file.

Final Fixes 
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback. See more information about Final Fixes.