Challenge Summary
Welcome to the Aegle CRM Mobile HTML5 App Storyboards contest! Aegle wants to create a mobile application that will be use by their sales managers and agents in performing different sales tasks and sales scheduling. This new mobile application will allow agents to always have an up-to-date and prioritized list of calls.
At the end of this contest, we are looking for a mobile storyboard design that will be implemented in building the application in Sencha
Round 1
1) Intial storyboard design of the following screen
- Splash screen
- Login screen
- Manager View
-- Review Leads
--- Appointment Details
--- Re-Schedule
--- Re-Assign
-- Lead Status
-- Help (Manager)
2) Any note for the client about your submission
3) Number your submission files (01, 02, 03, etc...)
Round 2
1) Final design of all the screens and featured mentioned in the Requirement section
2) Any note for the client about your submission
3) Number your submission files (01, 02, 03, etc...)
Primary Goal & Design Considerations
For this contest, your task is to create the iPhone storyboard design based on the provided wireframe and with the features outlined below.
You are expected to produce both sizes independently - do not just shrink the graphics from the larger size to the smaller size, unless there is NO perceivable loss of image quality.
You can find an excellent resources of iPhone templates here (you may find these very useful, but do NOT submit your designs in these templates):
iPhone 4 Retina Display (640 × 960)
iPhone 3/4 Display (320 × 480)
Please note that although we are using the iPhone layout for this contest, this application is intended of several other smarthphones and keep in mind that your design should be capable to resize/adopt other smartphone's layout and size.
Requirements
-
Screens/Pages:
You need to explore the wireframe to get the details of each screens, the screens are: - Splash screen
- Login screen & Login screen with error
- Forgot Password & Reset password screen
- Manager View
-- Review Leads
--- Appointment Details (Assigned), Map view, Opportunity Details, Comments view, and Comments Edit screen
--- Re-Schedule
--- Re-Assign (Suggested Agents view, All Agents view, and Find Agent view)
-- Assign Leads
--- Appointment Details (Unassigned), Map view, Opportunity Details, Comments view, and Comments Edit screen
--- Assign (Suggested Agents view, All Agents view, and Find Agent view)
-- Lead Status including the Filter popup view
-- Help (Manager) and Help Details view
- Agent View
-- Calls
--- Call Details including Call popup view, Add and Edit Note, View Previous Notes, and Notes Details view
-- Appointments
--- Appointment Details
--- Reschedule (Agent)
--- Disposition
-- Tasks
--- Task Details including Edit Task and Delete Task -
Orientations
- You need to design the screens in both orientations (Portrait and Landscape). -
Sizes
- You will also need to design each of the required screens in TWO (2) sizes:
- 320 × 480 pixels (iPhone)
- 640 × 960 pixels (iPhone 4 with Retina display)
Note: Call reason should work with the colors to be color-blind friendly, we recommend using patterns (stripes, polka-dots, etc.) in addition to different colors to avoid issues with color-blind agents. Please see the attached patterns.png for reference (source http://jfly.iam.u-tokyo.ac.jp/color/)
Branding Guidelines
- Please see the provided "Humana Brand Standards.pdf"
Target Audience
- Sales Manager
- Sales Agent
Judging Criteria
Your submission will be judged on the following criteria:
- How well your design follows the provided wireframe flow
- How professional your UI is designed, consistent and clean and creative.
Submission & Source Files
Preview Image
Create your preview image as one (1) 1024x1024 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Please upload PNG 24-bit images in a zip file with all requested contest requirements stated above.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop or Illustrator and saved as layered PSD/AI files.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics, images (sizes or colors) or modify overall colors.
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.