Challenge Summary
Welcome to AppXpress – Total Health Mobile App Design Concepts Challenge. This challenge is focused on creating design concepts/visual ideas to create a mobile app to allow users to put all their health information in one place.
You are provided with wireframes to describe the functionalities needed, we need your help to make it look better and design a better user experience for the app.
In this challenge we are looking for DESIGN CONCEPTS on how this could work. What should the user see and experience when using this app?
Round 1
Submit your design for a Checkpoint feedback:
0. Navigation.
1. Login Page.
2. Landing Page.
3. Activity Page.
4. Overview Page.
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
Round 2
Final Design plus any Checkpoint feedback:
0. Navigation.
0. Navigation.
1. Login Page.
2. Landing Page.
3. Activity Page.
4. Overview Page.
5. Goals Page.
6. Settings Page.
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
Concept Description:
We would like your help in designing an app to allow users to put all their health information in one place. They will be able to upload their medical records, input medical information manually, as well as provide username and password information for medical records as well as fitness tracking devices, nutrition tracking apps, genetic testing results, and health insurance. These users will then receive personalized recommendations to improve health, prevent disease, and save money on medical costs. Users will also be able to create health goals as well.
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX).
Design Guidelines:
- Use client logos for colors and branding.
Supporting Documents:
- Mobile Wireframes (Home TH mobile app-5.pdf.zip), please note this wireframe is to show the functionality of the app, the color scheme and layout do not need to be the same.
- Desktop Wireframes (web_site_hard_copy.pdf.zip), those are only provided for reference.
- Health Quiz (health_grade_quiz.xlsx.zip)
- Client Logos (Logos.zip).
Design Goals:
- How should this application be designed?
- How quickly the user can find what he wants? What should the priority features be?
- How quickly can the user understand and interact with the app?
- The application should be easy to use.
- Think simple but effective solutions! Have fun creating this - let us know how you think it should work!
Screen Sizes:
- Mobile Resolution: Design for iPhone 6 Retina Display 750px x 1334px.
Make sure you create graphic in 'shape' format, so when we resize graphics will still look sharp! It will be great if you can provide the landscape version.
Main Features:
1. Post milestones from goals on Facebook (they can sign up for the app with Facebook profile to have that connection).
2. All medical and health information in one location.
3. Personalized recommendations for health improvement and medical cost savings.
Suggested Screens:
This is a design concepts challenge and those are only suggested screens from us, so please feel free to add anything you think will work good for this app.
0) Navigation:
- How does the user navigate this application?
- Include navigation that you think fits with this application.
- Focus on the priority items and how things should be sized.
1) Login Page:
- User will need to enter:
-- Username.
-- Password.
- We need login button and forgot your password links.
- Please show validation error screen too.
2) Landing Page:
This is the landing page for the application.
- This page should reflect the Total Health branding and look "premium" in design.
- It should very clearly show what user can do with this application and what the application is all about.
- This page should contain basic info to explain features.
- User should be able to access other pages from this view:
-- Activities Page.
-- Overview Page.
-- Goals Page.
-- Settings Page.
3) Activity Page:
- Please refer page 1 of Home TH mobile app-5.pdf.
- When user clicks on “Get Your Health Score” he will be redirected to Health Score Quiz (page 5 of Home TH mobile app-5.pdf).
-- Please use health_grade_quiz.xlsx.zip for questions.
-- When user is done with the quiz he will be taken back to activities page.
- Show the list of activities and the ability to see a detailed view of each activity.
- User will have the ability to add new activities.
- We need a space for ads.
4) Overview Page:
- Please refer page 2 of Home TH mobile app-5.pdf.
- View user alerts:
-- Show the ability to view all alerts when clicking on alerts.
- Show the list of overviews the user is tracking and ability to see a detailed view of each overview.
- User will have the ability to add new overviews.
- We need a space for ads.
5) Goals Page:
- Please refer page 3 of Home TH mobile app-5.pdf.
- User will have the ability to view:
-- His progress on a goal.
-- Details on goal.
-- Advices on how to finish the goal.
- User will have the ability to add new goals.
6) Settings Page:
- Please refer page 4 of Home TH mobile app-5.pdf.
- From this page user can access his:
-- Accounts.
-- Passcode and Touch ID.
-- Options.
-- Help and Legal.
- If you can show the flow when clicking on each option that would be great.
- Users can logout the app from this screen.
Important:
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance
Target Audience:
- Anyone wanting to take better control of his or her health management.
Judging Criteria:
- 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 mobile application.
Submission & Source Files:
Preview Image
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 File
Submit JPG/PNG for your submission files.
Source Files
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.
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.