Challenge Summary
Welcome to “Business Continuity Mobility System – Web Storyboard” contest. This application will be built in three differents platform, Web, iPad, and iPhone. This contest purpose is to provide system looks and feel using web to managing incidents that impacts the business operations and issuing alert notification to key individuals in the organization.
At the end of this contest, the client is looking clean, simple, light and impressive storyboard web design for the application.
Please read the contest details below, and feel free to post your questions in forums.
Round 1
Round One (1)
Submission design for client review
1. Login Page
2. Incident List Page
3. New Incident Report Page
4. Incident details Page
5. Incident Updates Page
6. All additional requirements
please number your screen (01,02,03,04,etc)
Round 2
Final Design
1. Login Page
2. Incident List Page
3. New Incident Report Page
4. Incident details Page
5. Incident Updates Page
6. User Management Page
7. ISM Management Page
8. Area Office Contact
9. Incident Association
10. Add Associate Incident
11. All additional requirements.
please number your screen (01,02,03,04,etc)
Contest Details
For this contest, you will create storyboard for Business Continuity Mobility System. The general target platform of this application will be Web Browser, iPad and iPhone, but right now, you just need to focus for Web Browser Platform.
Detail Requirements :
1. Size, The page width must set to 1024px with content width must set to 960px, we want it to support less resolution monitor.
2. Fonts, Fonts are open to the designer, But we encourage you to choose and use web safe font as many as you can in your storyboard since the application will be placed in external infrastructure. Please be aware of font delivery requirement. All fonts used in the design must be submitted with your files. If you do not have permission to release the fonts, you must provide a text file including the name of the font and a link to where the font can be purchased.
3. Color, Our company logo has a color scheme of orange (Pantone 144 | CMYK 8/59/100/1), black and white. you can use these color as basic for your color schemes, but feel free to use your creativity here. we're not strict about color schemes, but please limit your color schemes, limit it to 3 main colors and 3 secondary colors.
required pages with their interactions :
1. Login
- login page (login)
- login error (login)
2. Incident List Page
- incident list page (BCMS-Incident_List)
- incident list filter page (BCMS-Incident_List)
3. New Incident Report
- add new incident (BCMS-Incident_Report)
- form validation error (BCMS-Incident_Report)
4. Incident Details
- incident details view showing updates tab (BCMS-Incident_Details)
- incident details view showing notes tab (BCMS-Incident_Details)
- incident details view showing attachment tab (BCMS-Incident_Details)
5. Incident Updates Page
- incident updates page (BCMS-Incident_Report_Update)
- Incident updates validation error (BCMS-Incident_Report_Update)
- View Incident Update Popup (BCMS-Incident_Report_Update)
- Resent Incident Update Popup (BCMS-Incident_Report_Update)
- Sent Confirmation Popup (BCMS-Incident_Report_Update)
- Add New updates popup (BCMS-Incident_Report_Update)
6. User Management Page
- user management page (BCMS-User_List)
- Delete user popup (BCMS-User_List)
7. ISM Management
- ISM List page (BCMS-ISM)
- Add Incident Category popup (BCMS-ISM)
- delete incident category with one or more incident manager attached (BCMS-ISM)
- delete incident category with none incident manager attached (BCMS-ISM)
- Add New ISM popup (BCMS-ISM)
- ISM List page, action column, edit gets clicked (BCMS-ISM)
- ISM List Page, action column, update gets clicked (BCMS-ISM)
- ISM List Page, action column, delete popup (BCMS-ISM)
8. Area Office Contacts
- Area Office Contact List Page (BCMS-Area_Contacts)
- Add area office popup (BCMS-Area_Contacts)
- Data already added. (BCMS-Area_Contacts)
- Add Contact popup (BCMS-Area_Contacts)
- Delete Area Office popup (BCMS-Area_Contacts)
- Area Office Contact List page, action column, edit gets clicked (BCMS-Area_Contacts)
- Area Office Contact List page, action column, updates gets clicked (BCMS-Area_Contacts)
- Area Office Contact List page, action column, delete popup (BCMS-Area_Contacts)
9. Incident Association
- Incident Association List page (BCMS-Incident_Association)
- status incidents (BCMS-Incident_Association)
10. Add Associate Incidents
- Add Associate Incidents (BCMS-Incident_Association_Add)
- Incident Detail popup (BCMS-Incident_Association_Add)
- Add Primary Incident (BCMS-Incident_Association_Add)
- Add secondary Incident popup (BCMS-Incident_Association_Add)
- Remove From Primary popup (BCMS-Incident_Association_Add)
- Remove From Secondary popup (BCMS-Incident_Association_Add)
- Preview popup (BCMS-Incident_Association_Add)
- Save popup (BCMS-Incident_Association_Add)
- Navigate Away without saving popup (BCMS-Incident_Association_Add)
additional requirements :
- simple logo for the BCMS applications.
- hover condition for links and button.
- provides enabled and disabled condition for form elements.
- show us expand/collapse design for accordion tab.
Target Audiences :
Professional employees which are :
1. Company Security, Consists of head office and area office on-site security officers who will be responsible to create new incidents since they will likely be the first point of contact.
2. Business Continuity Mobility System Administration, Consists of the Business Continuity Management department resources that will be responsible for managing user security, BCM system content (plans, checklists), general administration in the system and will also be able to create and manage incidents.
3. Incident Situation Manager (ISM), Selected individuals for each the incident type who will be accountable for the regular incident management and providing regular progress updates on the incident resolution.
4. Crisis Management Team (CMT), Individuals representing key departments of the organization who are responsible with situation assessment, defining steps to maintain business continuity and providing incidents updates as required.
5. Emergency Response Group (ERG), Individuals who are responsible for ensuring the required emergency, medical and other support services are called, safety of any on-site individuals and providing incident updates as required.
6. Senior Executive Committee (SEC), Senior management with access to incident status and would available for issue escalation and decision making if required.
Judging criteria :
1. Overall, the client wants to look simple, clean, light, and impressive storyboard.
2. The completeness of your storyboard.
3. The quality of your design as well as following the provided guidelines.
4. How well you follow wireframes layout Or provides new idea about how the screen must looks.
Attachment Files :
- Web wireframes
- Screen Flow
- Context Diagram
Submissions & Source Files
Preview Image
Create your preview image as one (1) 1024x1024 JPB or PNG file in RGB color mode at 72dpi and place a screenshot of your submissions within it.
Submission File
All requested Contest Requirements stated above in PNG files.
Source Files
All requested Contest Requirements stated above in PSD files.
Final Fixes
As part of the final fixes phase you may be asked to modify your storyboard.
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.