Challenge Summary
Welcome to Living Progress - Disaster Prep - Android Mobile App Design Challenge!
Disaster Prep will be used to increase community preparedness and reducing disaster-caused losses for small and medium businesses across the world by leveraging mobile tools and assessments.
Previously we ran a wireframe challenge to build the screens needed for this tool and you will be provided with the wireframes we built.
Note: Please do not submit a colored version of wireframes as they are just meant to guide you, outline necessary screens, and further explain the application basics. You are highly encouraged to enhance the wireframes with your own design style / ideas / solutions during this design challenge.
This challenge is part of the HPE Living Progress Challenge Blitz Program (Secure top placements in the leaderboard to grab additional cash prizes).
Good luck and we look forward to your design!
00 Landing Page
01 Assessment page
02 Results Page
03 Create account page
04 Login page
05 Section One: Business Continuity Planning
06 Section Two: Leadership and Culture
07 Section Three: Networks and Relationships
08 Section Four: Change Readiness
09 Section Five: Employee Resilience
10 Section Six: Level One Assessment
- 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).
00 Landing Page
01 Assessment page
02 Results Page
03 Create account page
04 Login page
05 Section One: Business Continuity Planning
06 Section Two: Leadership and Culture
07 Section Three: Networks and Relationships
08 Section Four: Change Readiness
09 Section Five: Employee Resilience
10 Section Six: Level One Assessment
11 Level One End Report
12 Level Two Assessment page
13 Section One: Business Continuity Planning
14 Section Two: Leadership and Culture
15 Section Three: Networks and Relationships
16 Section Four: Change Readiness
17 Section Five: Employee Resilience
18 Section Six: Level Two Assessment
19 Style Tile
- 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).
Challenge Description:
The goal of this challenge is to build a mobile application called Disaster Prep. The Global Disaster Preparedness Center’s (GDPC) Business Continuity Initiative (BCI) aims to save lives, protect livelihoods and strengthen recovery by contributing to preparedness for small- and medium-sized enterprises (SMEs) and raising the resilience of their communities in the face of disasters and crises.
As part of this initiative, the GDPC will leverage mobile technologies to host an assessment and suite of tools for SMEs to help improve their readiness for disasters. This app, or series of apps would take the SME manager or owner on a guided journey towards better prepared employees, better prepared operations, and a better prepared community. This journey would start with a mobile assessment, asking key questions to assess current preparedness levels, and based on the score and feedback, receive tailored results as to where improvement is needed to increase preparedness. To help improve the preparedness, the SME will utilize the suite of tools to assist in the process. Once the SME takes actionable steps towards improving their preparedness, they can move on to other levels of the assessment, as well as receive acknowledgement of their contributions toward making their communities, employees, and supply chain more resilient.
The BCI is more than just a smartphone app. It is an entire wrap around program that is designed to be adaptable to different contexts and supported by the massive network of Red Cross and Red Crescent actors whose trusted presence will support SME participation. By creating tools and support services SMEs will be more likely to engage in this tool than other business continuity programs.
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX).
Notes:
- This is going to be an Android App.
-- Mobile view (Mobile Resolution: Design for Galaxy S7 Edge Display 1440px x 2560px; ~534 ppi pixel density)
- Make sure you create graphic in 'shape' format, so when we resize graphics will still look sharp!
- Feel free to suggest any tools/functions that can bring good User Experience for this tool.
- There are no specific branding guidelines for this project. That said, we are interested in ways that the tool can be skinned or branded in different ways to reflect partners or contributors.
User Stories:
- As a business owner: I will use the application to understand the risks, my company’s readiness and start making a plan. I will also use the app to understand how my fellow business owners are protecting their businesses. As my engagement in the program grows, I will encourage my employees to use different components of the program including the apps, simulations or other features.
- As a business manager: The application will assist me in planning for how to protect assets and care for my employees. I also want to make sure that the business can be up and running quickly if there is a disruption.
Required Features:
- Search (by subject, grade level, language, platform).
- Author new resources - enter and upload text and media into templates.
- Share resources via social media.
Required Screens:
00 Landing Page:
- Please refer to landing.html
- This is going to be the landing page of the app.
01 Assessment page:
- Please refer to assessment-l1-start.html
- Please refer to Level One Content (word).docx
- We need to cover:
-- Business Continuity Planning.
-- Leadership and Culture.
-- Networks and Relationships.
-- Change Ready.
-- Employee Resilience
02 Results Page:
- Please refer to asklogin.html
- User can login (login.html) or create an account (createaccount.html) from this page.
03 Create account page:
- Please refer to createaccount.html
- User needs to fill:
-- First Name.
-- Last Name.
-- Name of business.
-- Email.
-- Password.
-- Accept terms and conditions checkbox.
-- Create account button.
-- Sign in link.
04 Login page:
- Please refer to login.html
- If first time user (welcome2.html).
- If score below 6 (bcp-confirmationchecklist-l1-under6.html)
- If score equals 6 (bcp-confirmationchecklist-l1-6.html).
- Dashboard view (dashboard.html).
- Profile view (profile.html).
05 Section One: Business Continuity Planning
- Please refer to Level One Content (word).docx
- We need to cover:
-- Introduction
-- BC1 - Staff Contact
-- BC2 – Staff contact further guidance
-- BC3 – Staff Contact details
-- BC4 - Other Contacts
-- BC5 – Other Contact further guidance
-- BC6 – Other contacts details
-- BC7 – Data Accessibility
-- BC8 – Data Accessibility further guidance
-- BC9 – Data Retrieval Detail
-- BC10 – Essentials of operation
-- BC 11 – Reality check
-- Well Done view.
06 Section Two: Leadership and Culture
- Please refer to Level One Content (word).docx
- We need to cover:
-- Introduction
-- LC1 – Leadership
-- LC2 - Cultivating open-mindedness and adaptability
-- LC3 – Cultivating open-mindedness and adaptability (further guidance)
-- LC4 – Staff Engagement
-- LC5 – Staff Engagement (further guidance)
-- Well Done view.
07 Section Three: Networks and Relationships
- Please refer to Level One Content (word).docx
- We need to cover:
-- Introduction
-- NW1 – Effective Partnerships
-- NW2 - Internal Resources
-- NW3 - Internal Resources (further information and guidance)
-- NW4 – Silos
-- NW5 – Silos (further information and guidance)
-- NW6 – Leveraging Knowledge
-- NW7 – Leveraging Knowledge (further guidance)
-- Well Done view.
08 Section Four: Change Readiness
- Please refer to Level One Content (word).docx
- We need to cover:
-- Introduction
-- CR1 – Planning Strategies
-- CR2 – Planning Strategies (financial further reflection)
-- CR3 – Unity of Purpose
-- CR4 – Proactive Posture
-- Well Done view.
09 Section Five: Employee Resilience
- Please refer to Level One Content (word).docx
- We need to cover:
-- Introduction
-- ER1 – Working together
-- ER2 – Working together (further information and guidance)
-- ER3 – Individual Stress
-- ER4 – Individual Stress (further information and guidance)
-- ER5 – Understanding
-- Well Done view.
10 Section Six: Level One Assessment
- Please refer to Level One Content (word).docx
- Please refer to assessment-l1-introduction.html:
-- Level 1 Report Certificate (level1report-certificate.html)
-- Level 1 Report Record of participation (level1report-recordofparticipation.html)
-- Level 1 Report – BCP (level1report-bcp.html)
-- Level 1 Report reflections and capabilities (level1report-reflectionsandcapabilities.html)
11 Level One End Report:
- Please refer to Level One End Report workshop.docx
- Please refer to assessment-l1-end.html:
-- Level 1 results under 25 (results-l1-under25.html)
-- Level 1 results over 25 (results-l1-over25.html)
12 Level Two Assessment page:
- Please refer to Level Two Content (word).docx
- Please refer to assessment-l2-start.html
- We need to cover:
-- Business Continuity Planning.
-- Leadership and Culture.
-- Networks and Relationships.
-- Change Ready.
-- Employee Resilience
13 Section One: Business Continuity Planning
- Please refer to Level Two Content (word).docx
- We need to cover:
-- BC1 - Getting Operational
-- BC2 - Relocation
-- BC3 - Staff Contact
-- BC4 - Other Contacts
-- BC5 - Retrieving Data
-- BC6 - Financing Recovery
-- BC7 - Demand Impacts
14 Section Two: Leadership and Culture
- Please refer to Level Two Content (word).docx
- We need to cover:
-- LC1 - Decision Making
-- LC2 - Leadership
15 Section Three: Networks and Relationships
- Please refer to Level Two Content (word).docx
- We need to cover:
-- NR1 – Internal Resources
-- NR2 - Leveraging Knowledge
-- NR3 - Effective Partnerships
-- NR4 - Internal Resources
16 Section Four: Change Readiness
- Please refer to Level Two Content (word).docx
- We need to cover:
-- CR1 - Stress Testing Plans
-- CR2 - Unity of Purpose
-- CR3 - Proactive Posture
17 Section Five: Employee Resilience
- Please refer to Level Two Content (word).docx
- We need to cover:
-- ER1 - Understanding
18 Section Six: Level Two Assessment
- Please refer to Level Two Content (word).docx
19 Style Tile:
- We would like you to create a style tile that will help developers.
- This Style Tile need to have the below at a minimum but feel free to add anything that would help developers
- Explore these references to learn more about style tiles: Reference 1, Reference 2
Links / Buttons Colors:
- Button colors (normal / hover states)
- Link colors (normal / hover states)
Typography:
We would like you to identify and define the list of fonts and the specific color, font size used:
- Headers
- Sub-headers.
- Paragraphs.
- etc.
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
Supporting Documents:
- Level One Content (Level One Content (word).docx).
- Level One End Report workshop (Level One End Report workshop.docx).
- Level Two Content (Level Two Content (word).docx).
- Wireframes (wireframe.zip).
Target audience:
- Primary User: Small or medium sized enterprises/managers or owners of small and medium sized businesses.
- Secondary User: employees of SMEs.
- National Society Administrative User: Red Cross and Red Crescent staff and volunteers.
- Global Administrative User: GDPC staff and software support team.
Judging Criteria:
- Is the design styled to be appealing and desirable?
- Is the design visually resolved and does it evoke an emotional connection with the user?
- Does the design convey the function and use unambiguously and intuitively
- Does it clearly convey what the app is supposed to let you achieve / what problem it is designed to solve.
- Is the design easy to use and understand?
Stock Artwork:
- Stock Artwork policies: https://help.topcoder.com/hc/en-us/articles/217481408-Policy-for-Stock-Artwork-in-Design-Submissions
- Latest Design Policies: http://help.topcoder.com/hc/en-us/categories/202610437-DESIGN
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.
Disaster Prep will be used to increase community preparedness and reducing disaster-caused losses for small and medium businesses across the world by leveraging mobile tools and assessments.
Previously we ran a wireframe challenge to build the screens needed for this tool and you will be provided with the wireframes we built.
Note: Please do not submit a colored version of wireframes as they are just meant to guide you, outline necessary screens, and further explain the application basics. You are highly encouraged to enhance the wireframes with your own design style / ideas / solutions during this design challenge.
This challenge is part of the HPE Living Progress Challenge Blitz Program (Secure top placements in the leaderboard to grab additional cash prizes).
Good luck and we look forward to your design!
Round 1
Submit your initial design for a checkpoint feedback:00 Landing Page
01 Assessment page
02 Results Page
03 Create account page
04 Login page
05 Section One: Business Continuity Planning
06 Section Two: Leadership and Culture
07 Section Three: Networks and Relationships
08 Section Four: Change Readiness
09 Section Five: Employee Resilience
10 Section Six: Level One Assessment
- 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 checkpoint feedback:00 Landing Page
01 Assessment page
02 Results Page
03 Create account page
04 Login page
05 Section One: Business Continuity Planning
06 Section Two: Leadership and Culture
07 Section Three: Networks and Relationships
08 Section Four: Change Readiness
09 Section Five: Employee Resilience
10 Section Six: Level One Assessment
11 Level One End Report
12 Level Two Assessment page
13 Section One: Business Continuity Planning
14 Section Two: Leadership and Culture
15 Section Three: Networks and Relationships
16 Section Four: Change Readiness
17 Section Five: Employee Resilience
18 Section Six: Level Two Assessment
19 Style Tile
- 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).
Challenge Description:
The goal of this challenge is to build a mobile application called Disaster Prep. The Global Disaster Preparedness Center’s (GDPC) Business Continuity Initiative (BCI) aims to save lives, protect livelihoods and strengthen recovery by contributing to preparedness for small- and medium-sized enterprises (SMEs) and raising the resilience of their communities in the face of disasters and crises.
As part of this initiative, the GDPC will leverage mobile technologies to host an assessment and suite of tools for SMEs to help improve their readiness for disasters. This app, or series of apps would take the SME manager or owner on a guided journey towards better prepared employees, better prepared operations, and a better prepared community. This journey would start with a mobile assessment, asking key questions to assess current preparedness levels, and based on the score and feedback, receive tailored results as to where improvement is needed to increase preparedness. To help improve the preparedness, the SME will utilize the suite of tools to assist in the process. Once the SME takes actionable steps towards improving their preparedness, they can move on to other levels of the assessment, as well as receive acknowledgement of their contributions toward making their communities, employees, and supply chain more resilient.
The BCI is more than just a smartphone app. It is an entire wrap around program that is designed to be adaptable to different contexts and supported by the massive network of Red Cross and Red Crescent actors whose trusted presence will support SME participation. By creating tools and support services SMEs will be more likely to engage in this tool than other business continuity programs.
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX).
Notes:
- This is going to be an Android App.
-- Mobile view (Mobile Resolution: Design for Galaxy S7 Edge Display 1440px x 2560px; ~534 ppi pixel density)
- Make sure you create graphic in 'shape' format, so when we resize graphics will still look sharp!
- Feel free to suggest any tools/functions that can bring good User Experience for this tool.
- There are no specific branding guidelines for this project. That said, we are interested in ways that the tool can be skinned or branded in different ways to reflect partners or contributors.
User Stories:
- As a business owner: I will use the application to understand the risks, my company’s readiness and start making a plan. I will also use the app to understand how my fellow business owners are protecting their businesses. As my engagement in the program grows, I will encourage my employees to use different components of the program including the apps, simulations or other features.
- As a business manager: The application will assist me in planning for how to protect assets and care for my employees. I also want to make sure that the business can be up and running quickly if there is a disruption.
Required Features:
- Search (by subject, grade level, language, platform).
- Author new resources - enter and upload text and media into templates.
- Share resources via social media.
Required Screens:
00 Landing Page:
- Please refer to landing.html
- This is going to be the landing page of the app.
01 Assessment page:
- Please refer to assessment-l1-start.html
- Please refer to Level One Content (word).docx
- We need to cover:
-- Business Continuity Planning.
-- Leadership and Culture.
-- Networks and Relationships.
-- Change Ready.
-- Employee Resilience
02 Results Page:
- Please refer to asklogin.html
- User can login (login.html) or create an account (createaccount.html) from this page.
03 Create account page:
- Please refer to createaccount.html
- User needs to fill:
-- First Name.
-- Last Name.
-- Name of business.
-- Email.
-- Password.
-- Accept terms and conditions checkbox.
-- Create account button.
-- Sign in link.
04 Login page:
- Please refer to login.html
- If first time user (welcome2.html).
- If score below 6 (bcp-confirmationchecklist-l1-under6.html)
- If score equals 6 (bcp-confirmationchecklist-l1-6.html).
- Dashboard view (dashboard.html).
- Profile view (profile.html).
05 Section One: Business Continuity Planning
- Please refer to Level One Content (word).docx
- We need to cover:
-- Introduction
-- BC1 - Staff Contact
-- BC2 – Staff contact further guidance
-- BC3 – Staff Contact details
-- BC4 - Other Contacts
-- BC5 – Other Contact further guidance
-- BC6 – Other contacts details
-- BC7 – Data Accessibility
-- BC8 – Data Accessibility further guidance
-- BC9 – Data Retrieval Detail
-- BC10 – Essentials of operation
-- BC 11 – Reality check
-- Well Done view.
06 Section Two: Leadership and Culture
- Please refer to Level One Content (word).docx
- We need to cover:
-- Introduction
-- LC1 – Leadership
-- LC2 - Cultivating open-mindedness and adaptability
-- LC3 – Cultivating open-mindedness and adaptability (further guidance)
-- LC4 – Staff Engagement
-- LC5 – Staff Engagement (further guidance)
-- Well Done view.
07 Section Three: Networks and Relationships
- Please refer to Level One Content (word).docx
- We need to cover:
-- Introduction
-- NW1 – Effective Partnerships
-- NW2 - Internal Resources
-- NW3 - Internal Resources (further information and guidance)
-- NW4 – Silos
-- NW5 – Silos (further information and guidance)
-- NW6 – Leveraging Knowledge
-- NW7 – Leveraging Knowledge (further guidance)
-- Well Done view.
08 Section Four: Change Readiness
- Please refer to Level One Content (word).docx
- We need to cover:
-- Introduction
-- CR1 – Planning Strategies
-- CR2 – Planning Strategies (financial further reflection)
-- CR3 – Unity of Purpose
-- CR4 – Proactive Posture
-- Well Done view.
09 Section Five: Employee Resilience
- Please refer to Level One Content (word).docx
- We need to cover:
-- Introduction
-- ER1 – Working together
-- ER2 – Working together (further information and guidance)
-- ER3 – Individual Stress
-- ER4 – Individual Stress (further information and guidance)
-- ER5 – Understanding
-- Well Done view.
10 Section Six: Level One Assessment
- Please refer to Level One Content (word).docx
- Please refer to assessment-l1-introduction.html:
-- Level 1 Report Certificate (level1report-certificate.html)
-- Level 1 Report Record of participation (level1report-recordofparticipation.html)
-- Level 1 Report – BCP (level1report-bcp.html)
-- Level 1 Report reflections and capabilities (level1report-reflectionsandcapabilities.html)
11 Level One End Report:
- Please refer to Level One End Report workshop.docx
- Please refer to assessment-l1-end.html:
-- Level 1 results under 25 (results-l1-under25.html)
-- Level 1 results over 25 (results-l1-over25.html)
12 Level Two Assessment page:
- Please refer to Level Two Content (word).docx
- Please refer to assessment-l2-start.html
- We need to cover:
-- Business Continuity Planning.
-- Leadership and Culture.
-- Networks and Relationships.
-- Change Ready.
-- Employee Resilience
13 Section One: Business Continuity Planning
- Please refer to Level Two Content (word).docx
- We need to cover:
-- BC1 - Getting Operational
-- BC2 - Relocation
-- BC3 - Staff Contact
-- BC4 - Other Contacts
-- BC5 - Retrieving Data
-- BC6 - Financing Recovery
-- BC7 - Demand Impacts
14 Section Two: Leadership and Culture
- Please refer to Level Two Content (word).docx
- We need to cover:
-- LC1 - Decision Making
-- LC2 - Leadership
15 Section Three: Networks and Relationships
- Please refer to Level Two Content (word).docx
- We need to cover:
-- NR1 – Internal Resources
-- NR2 - Leveraging Knowledge
-- NR3 - Effective Partnerships
-- NR4 - Internal Resources
16 Section Four: Change Readiness
- Please refer to Level Two Content (word).docx
- We need to cover:
-- CR1 - Stress Testing Plans
-- CR2 - Unity of Purpose
-- CR3 - Proactive Posture
17 Section Five: Employee Resilience
- Please refer to Level Two Content (word).docx
- We need to cover:
-- ER1 - Understanding
18 Section Six: Level Two Assessment
- Please refer to Level Two Content (word).docx
19 Style Tile:
- We would like you to create a style tile that will help developers.
- This Style Tile need to have the below at a minimum but feel free to add anything that would help developers
- Explore these references to learn more about style tiles: Reference 1, Reference 2
Links / Buttons Colors:
- Button colors (normal / hover states)
- Link colors (normal / hover states)
Typography:
We would like you to identify and define the list of fonts and the specific color, font size used:
- Headers
- Sub-headers.
- Paragraphs.
- etc.
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
Supporting Documents:
- Level One Content (Level One Content (word).docx).
- Level One End Report workshop (Level One End Report workshop.docx).
- Level Two Content (Level Two Content (word).docx).
- Wireframes (wireframe.zip).
Target audience:
- Primary User: Small or medium sized enterprises/managers or owners of small and medium sized businesses.
- Secondary User: employees of SMEs.
- National Society Administrative User: Red Cross and Red Crescent staff and volunteers.
- Global Administrative User: GDPC staff and software support team.
Judging Criteria:
- Is the design styled to be appealing and desirable?
- Is the design visually resolved and does it evoke an emotional connection with the user?
- Does the design convey the function and use unambiguously and intuitively
- Does it clearly convey what the app is supposed to let you achieve / what problem it is designed to solve.
- Is the design easy to use and understand?
Stock Artwork:
- Stock Artwork policies: https://help.topcoder.com/hc/en-us/articles/217481408-Policy-for-Stock-Artwork-in-Design-Submissions
- Latest Design Policies: http://help.topcoder.com/hc/en-us/categories/202610437-DESIGN
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.