Challenge Summary
Welcome to the “WAME Studio Application UI Design Challenge”. In this challenge we are looking for your help to design an intuitive and easy UI for an web application focused to gather server workload data of the customer, validate the data and export the validated data into MS Access format. You will be focused on creating how this application should look and feel.
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
1) Value Stream WAME
2) Upload from template
3) Upload templates
4) Generate Filled Template
5) Delete Key Data
6) Delete Key Data - File Upload
7) IP Address Administration
8) Pre-Process Input Data
Feel free to add any screens which are necessary to explain your concept.
- Important: As part of your checkpoint submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs.
- Please ask in the Forum for a MarvelApp prototype link. You will receive 1 MarvelApp prototype for Mobile.
- Make sure to include a URL/Link to your design within your "notes.txt", Important!
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
1) Value Stream WAME
2) Upload from template
3) Upload templates
4) Generate Filled Template
5) Delete Key Data
6) Delete Key Data - File Upload
7) IP Address Administration
8) Pre-Process Input Data
9) Load Balancer
11) LB - File Upload
12) Pre-Process Storage
13) Pre-Process IPAddress
14) Project Creation
15) Export Data
16) Check Status
Feel free to add any screens which are necessary to explain your concept.
- Important: As part of your final submission, you must updated your submission to MarvelApp.
- Use the same MarvelApp prototype you received in checkpoint.
- Make sure to include a URL/Link to your design within your "notes.txt", Important!
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Background Information
For this challenge you will be working using the winning design from a previous challenge, to improve the user experience and completing the workflow for the selected functionalities.
Required Screens / Functionalities
1) Value Stream WAME
2) Upload from template
3) Upload templates
4) Generate Filled Template
5) Delete Key Data
6) Delete Key Data - File Upload
7) IP Address Administration
8) Pre-Process Input Data
9) Load Balancer
11) LB - File Upload
12) Pre-Process Storage
13) Pre-Process IPAddress
14) Project Creation
15) Export Data
16) Check Status
- For all these pages, use the content from the provided wireframes.
Wireframe
- We are providing this wireframe to be used as your main content reference:
https://drive.google.com/open?id=1RBt_YVLgvndATOMGBvd73VPBq251dBHy
- We have provided an excel file with extra information that should help you have a better understanding. Please refer to last column “Notes”.
https://drive.google.com/open?id=1QMIIO50ViZnpMq520_cbaUBNq1bJfskc
Base Layout
https://drive.google.com/open?id=1aFXtL-4agK1n_-j_4KB9YalRsPjbrDQd
Target Device and Size
- Design for desktop views at: 1280px width and height adjusted and increased if necessary.
- Think Mobile First! When designing your UI.
- Use proper grid system.
Branding
- Please work with this colors only. If your design does not align with this branding elements it will fail screening:
https://drive.google.com/open?id=1yRxpzrVYRLXvSn-N2fTui1gQJefBSN6f
Font
- Your design must use this font:
https://drive.google.com/open?id=1ykY2qdQ3VcuFEYJygIhPzrQ2WHOfdpNT
Judging Criteria
- User Experience of the application/portal
- Completeness and accuracy of your UI Design
- How well your design provide a consistent user flow
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.
- Submit Marvel App for your design.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop, Illustrator, or Sketch!
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.
Stock Photography
Stock photography is allowed in this challenge. See this page for more details
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
Round 1
Submit your initial designs for checkpoint review.1) Value Stream WAME
2) Upload from template
3) Upload templates
4) Generate Filled Template
5) Delete Key Data
6) Delete Key Data - File Upload
7) IP Address Administration
8) Pre-Process Input Data
Feel free to add any screens which are necessary to explain your concept.
- Important: As part of your checkpoint submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs.
- Please ask in the Forum for a MarvelApp prototype link. You will receive 1 MarvelApp prototype for Mobile.
- Make sure to include a URL/Link to your design within your "notes.txt", Important!
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Submit your final designs plus checkpoint feedback implemented1) Value Stream WAME
2) Upload from template
3) Upload templates
4) Generate Filled Template
5) Delete Key Data
6) Delete Key Data - File Upload
7) IP Address Administration
8) Pre-Process Input Data
9) Load Balancer
11) LB - File Upload
12) Pre-Process Storage
13) Pre-Process IPAddress
14) Project Creation
15) Export Data
16) Check Status
Feel free to add any screens which are necessary to explain your concept.
- Important: As part of your final submission, you must updated your submission to MarvelApp.
- Use the same MarvelApp prototype you received in checkpoint.
- Make sure to include a URL/Link to your design within your "notes.txt", Important!
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Background Information
For this challenge you will be working using the winning design from a previous challenge, to improve the user experience and completing the workflow for the selected functionalities.
Required Screens / Functionalities
1) Value Stream WAME
2) Upload from template
3) Upload templates
4) Generate Filled Template
5) Delete Key Data
6) Delete Key Data - File Upload
7) IP Address Administration
8) Pre-Process Input Data
9) Load Balancer
11) LB - File Upload
12) Pre-Process Storage
13) Pre-Process IPAddress
14) Project Creation
15) Export Data
16) Check Status
- For all these pages, use the content from the provided wireframes.
Wireframe
- We are providing this wireframe to be used as your main content reference:
https://drive.google.com/open?id=1RBt_YVLgvndATOMGBvd73VPBq251dBHy
- We have provided an excel file with extra information that should help you have a better understanding. Please refer to last column “Notes”.
https://drive.google.com/open?id=1QMIIO50ViZnpMq520_cbaUBNq1bJfskc
Base Layout
https://drive.google.com/open?id=1aFXtL-4agK1n_-j_4KB9YalRsPjbrDQd
Target Device and Size
- Design for desktop views at: 1280px width and height adjusted and increased if necessary.
- Think Mobile First! When designing your UI.
- Use proper grid system.
Branding
- Please work with this colors only. If your design does not align with this branding elements it will fail screening:
https://drive.google.com/open?id=1yRxpzrVYRLXvSn-N2fTui1gQJefBSN6f
Font
- Your design must use this font:
https://drive.google.com/open?id=1ykY2qdQ3VcuFEYJygIhPzrQ2WHOfdpNT
Judging Criteria
- User Experience of the application/portal
- Completeness and accuracy of your UI Design
- How well your design provide a consistent user flow
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.
- Submit Marvel App for your design.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop, Illustrator, or Sketch!
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.
Stock Photography
Stock photography is allowed in this challenge. See this page for more details
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.