AppXpress - Jobzology Mobile App Design Challenge

Welcome to the Jobzology Mobile App Design Challenge.

jobZology™ is a software platform that help individuals discover, explore, and make decisions around their education and career choices resulting in increased happiness and engagement. The jobZology™ app will be a companion app to a fully featured web application. It will provide a mobile experience to users of our software, and a means of reviewing, updating, and interacting with the software.

Jobzology is new to the community and is excited to see what our designers can do.

Good luck on this challenge!

Round 1

Following are required screens for Checkpoint Feedback:
- My Dashboard Screen
- Assessment Summary Screen
- Data Vault Screen
- Feel free to add additional screens which are necessary to explain your concept or show alternate states of design elements.
- Notes.jpg: Please include any comments about your design for the Client
- Make sure all pages have a logical flow / Use correct file numbering (00, 01, 02, 03)

 

Round 2

- Your Final designs with all Checkpoint Feedback implemented all required screens.
- Feel free to add additional screens which are necessary to explain your concept or show alternate states of design elements.
- Notes.jpg: Please include any comments about your design for the Client
- Make sure all pages have a logical flow / Use correct file numbering (00, 01, 02, 03)

Project Overview
The jobZology™ app will be a companion app to a fully featured web application. It will provide a mobile experience to users of our software and a means of reviewing, updating, and interacting with the software.

We are looking to the design community to help us to create a mobile app design for our (high school/college) students, in order to help them discover, explore, and make decisions around their education and career choices.

The goal is to provide the student with self assessments, feedback, trustworthy education and career guidance, college/vocational choices, and exercises, which are designed to help them create successful paths toward their career goals.

Design Considerations:
- This is a public / consumer-facing application, which targets students, so make this a fresh / current design look and feel, with great white space and usability!
- Please familiarize yourself with the company website: www.jobzology.com. There are videos near the bottom of the home page which may help you better understand the project.
- Please review the provided resources for a more comprehensive view of the parent project.
- App must be super simple and easy to use with clear and streamlined navigation and user flows.
- Icons are required for this challenge and must be easy to decipher.
- Tappable touch targets must be sized properly. Please review & follow the IOS Human Interface Guide: with regards to this and other UI elements: https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html#//apple_ref/doc/uid/TP40006556-CH66-SW1

Design Colors & Typography:
See the provided brand for color use. We would like the overall look of the application to be “Light”, with a good deal of white space.
TYPOGRAPHY IS IMPORTANT!
- Use Arial font family for all text.
- Standard text should be very easy to read (regular weight / good size).
- Use font size and color to create hierarchy - Avoid “tiny” and / or  “bold” text.

Included Assets:
- Composite jobZology Introduction.docx
- jobZology Color Standards.docx
- jobZology ECPS Flowchart.pdf
- Jobzology logo.png
- One Sentence One Pager Introduction  EL.docx
- Sample Interest Feedback Report v2.docx

Design Size:
Design your screens for iphone 6 PLUS display. We would like each of your screens to be shown within an iphone 6+ device frame. There is a great PSD resource available here: http://www.teehanlax.com/tools/iphone/
IMPORTANT: For any icons you use in your PSD-based designs, please provide vector (AI OR EPS) or SVG versions of the icons in your source folder (separate from your PSD files).

Required Screens:
There are five (5) required screens for this challenge. Feel free to add additional screens which are necessary to explain your concept or show alternate states of design elements.
1. My Dashboard Screen
a. "My Profile" element:
This is a quick / short view of the user’s profile information. You do not need to show the data labels here, just the data examples for this element. Required content here is:
- Profile pic thumbnail (make it clear that user can change this photo)
- Name (use “Jon Snow Longnamus” for this)
- School & Grade (use “Minnetonka Academy | Senior” for this)
- Option to turn ON/OFF “Currently seeking employment” element (so employers can review profile, location, age range)
- ���Option to edit profile (button)

b.  ”My Assessments” element:
This is a place to quickly access the various assessments that users can complete. Each one of these will be a tappable link to take the assessment OR (if already taken) view the resulting assessment summary report.  Indicate that these assessments have been completed except the last one.
Required content here is:
An icon, a text label, and some sort of indicator (completed vs not completed) for each of these assessment types:
- "Interests"
- "Values"
- "Personality"
- "Lifestyle"
- "Workstyle"
- ���"Workplace"

���c. "My Top Paths" element:
This is a place to quickly access the various career paths in which the user has indicated interest. He/she can tap on one of these in order to view the related path screens. Show the user has 3 top paths and then show a fourth element, for “View All”.  NOTE: do not use icons for these, as it is unrealistic for the customer to create an icon for every possible career path.
- Mechanical Engineer
- CAD Architect
- Sales Engineer
- ���All Paths

������d. "My Data Vault " element
This is a place to quickly access secured educational records / certificates / resume / etc personal data that the user has opted to include. This should be a single bar / button and/or icon to access the area. It is IMPORTANT that any icons here should reinforce the idea that this vault is very secure.

e. "What’s Next" element
This is an element which will always be present on the dashboard and let’s the user know what their next step is in this process. It will act as a link to the related screen. For this element, show the next step as "Take Workplace Assessment".

2. Assessment Summary (Feedback / Report) Screen
In this case, the user has tapped on the “Interests” assessments to view his/her summary report. See provided example report data. Place the provided content as visible (open accordion section for "Assessment Summary", and then show that this screen contains some other accordion sections (closed in this view).
Required content here is:
a. The user will see some icon/chart/ graphic or other visualization of their results in this summary area. Please try to come up with a new / clean way to visualize this, and do not just "re-skin" one of the provided visuals!
b. The user will see the related report sections and text (see provided example) in this summary area
c. The user also needs to see an option to RETAKE the assessment!
d. Common “Share” icon / button (user would tap this to get a secondary popup with options to : download / email / facebook / twitter / linkedin / etc)
e. The user will also see the following other accordion areas for this report (closed):
- "Path Recommendations"
- "Tools & Resources"
- "Next Steps"

3.    Mechanical Engineer Path screen 1
In this case, the user has tapped on the “Mechanical Engineer” path and now sees that path screen. Think of it like a GPS screen showing your starting point and destination (a given path), and the next decision point (turn) coming up.
Required content here is:
a. Overview thumbnail of route (path preview, laid over part of the screen)
Show small image of overall start to end point (high school senior – start, career/job – end). Show that this path has some decision points along the way and also show the current location / decision point of the user at this point in time.
b. Larger / main image:
Show a visualization of the map zoomed in to where they are right now on this path – they are now on the decision (they need to choose a college!)
d. Actionable controls to view previous and next decision points  (take SATs is behind them / choosing a college is the current decision, choosing a major is the next decision)
e. Optional element: Add whatever awesome element(s) you think would make this interaction more useful to the student.

4. Mechanical Engineer Path screen 2
Show the next step for a college freshman after decision related to a college choice above – choosing a major (should be able to see the previous step in the path and next one. We’re trying to simulate what progressing through a path looks like in the app…one screen can’t do that so these two screens build upon each other.

5.  Data Vault screen (icons)
In this case, the user has tapped on “My Data Vault” and now sees a menu of items he can tap on to go to next. You can choose to add icons here, if you think it works best.
Required content here is:
- Transcripts
- Diploma
- Certificates
- Awards
- Cover Letter
- Resume
 

Target Audience:
High school and college students in the US and are English speaking.

Judging Criteria:
- Completeness (design includes all required elements, options & functionality)
- Cleanliness of graphics and design
- Creativity and ease-of use to successfully engage users in a simple way
- Good responsive mobile design principles (design is appropriate for responsive display on mobile devices)

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

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.