Challenge Summary
Introduction:
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 create the screen designs for the new Private Exchange Sustainability Calculator iPad application. We have provided information about the existing application and a Design Guidelines document with additional details and design inspirations.
We look forward to seeing your creative designs!
Round 1
Initial Design on Tablet Screen Size for our review (You can submit more than one of these following pages):
1. Landing Page
2. About the App
3. Thought Leadership
4. Exchange Sustainability Calculator
Notes: Submit a separated screenflow to help us understand your proposed design
Round 2
Final Design on Tablet Screen Size contains all required screens updated based on checkpoint feedback:
1. Landing Page
2. About the App
3. Thought Leadership
4. Exchange Sustainability Calculator
Notes: Submit a separated screenflow to help us understand your proposed design
Challenge Summary
For this challenge we are looking at you to come up with a new 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 organisation is able to quickly determine if his/her organisation is a good fit for a Private Healthcare Exchange. Dinnaco provides this tool as a service to it’s clients and is looking to improve the user experience and refresh the overall look and feel.
Quick Challenge Summary:
- Using the provided design direction document, we want you to explore best responsive design practices and create a tablet (iPad) version of the application.
- Please use provided brand guidelines for your design.
- Your submission must work with the Dinnaco brand.
- Think of clean modern design with elegant typography and use of imagery to create an engaging experience.
- Focus on organizing your design elements to work well with the best responsive design practices
- 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.
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 a design direction document 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. Reference examples only for functionality, these should not constrain your design but are to be used as a basic functional reference.
Branding and Guidelines:
- Required Screen Sizes: iPad Landscape Size (1024px x 768px)
- Color Theme : Refer “Color Pallette” inside Exchange-Survey-Design-Direction.pdf > page 3
- Refer this site for Pantone Number: http://www.cal-print.com/InkColorChart.htm
- Fonts: Refer “Typography” on inside Exchange-Survey-Design-Direction.pdf > page 3
- 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.
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.
- Grab additional text for every sections from existing-app-screenshots.zip
Private Exchange Sustainability Calculator Flow /Screens:
This challenge will focus on the following screens for the new application:
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
-- Benets 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) Exchange-Survey-Design-Direction.pdf - Dinnaco Private Exchange Sustainability Calculator Design Guidelines / Design Inspiration
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.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.