Challenge Summary
Challenge Objectives
- Design an Image Analytics app based on the provided wireframe
- ?Responsive Web App
Round 1
For round 1, you need to submit your initial design for checkpoint feedback.
2. Home (Desktop & Mobile)
4. Running Test Details (Desktop)
5. Create New Test (Desktop)
Round 2
For final submission, you need to submit all screens with improved design based on the provided checkpoint feedback.
1. Login (Desktop)
2. Home (Desktop & Mobile)
3. General Settings (Desktop)
4. Running Test Details (Desktop & Mobile)
5. Create New Test (Desktop)
6. New Test Details (Desktop)
Project Background
- The purpose of this project is to develop a web application that will be used to run, track, and analyze test results.
- The application will be used by operators, manufacturing, R&D, and engineers.
Please make sure your design includes the following screens below and refer to the provided wireframe for reference.
- Login
- Home
- This will be the main page where all tests are being run on the test server
- It is a grid with clickable rows either expanding inline or expanding into a new page/screen showing further details of a test run (see Running Test Details screen)
- Show different status/progress of the tests that are being run
- Show the screens for different actions/options and filters
- General Settings
- User should be able to:
- Log Levels and Diagnostics
- Inspector Behavior
- Print Test Setup - this shows the information related to printing
- User should be able to:
- Running Test Details
- This feature will have the following options:���
- Auto Sweep
- Sweep Now
- Continue
- Abort
- Run
���
- In case of test aborted / failed / completed, display proper notification, highlight the job object with different color etc.
- For Test Failure, we are comparing the algorithm results with some predefined criteria and marking it as success or failure based on the range in which results falls under.
- Abort can be manual or based on some internal errors.
- Play around with the wireframe to see the different interactions
���
- This feature will have the following options:���
- Create New Test
- This will be configurations to define various test parameters which are basically Form filling of various information
- This will be configurations to define various test parameters which are basically Form filling of various information
- New Test Details
- This is almost similar to the Running Test Details screen
- This will be the details of the newly created Test
Please make sure your design supports these form factors:
-
In-scope
-
Responsive Desktop layout with max width of 1366px and height will be at the discretion of the designers.
-
Mobile portrait
-
-
Out of scope
-
Tablet portrait and landscape
-
Mobile landscape
-
Operating Systems
-
Web browsers
-
Mobile browsers
Branding Guidelines
-
No branding guidelines exist -- please use your creativity.
Design Assets
-
Wireframes (to be provided in the forum)
Final Deliverables
-
All original source files.
-
Files should be created in Adobe Photoshop and saved as a layered PSD file, Adobe Illustrator or as a layered AI file, Sketch, or XD
-
Marvel Prototype
-
We need you to upload your screens to Marvel App.
-
Please send your marvel app request to jamesmarquez@gmail.com
-
You MUST include your Marvel app URL as a text file in your final submission labeled “MarvelApp URL” (in your marvel app prototype, click on share and then copy the link).
-
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.