Challenge Summary
Read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. Let us know if you have any questions in the challenge forum!
NOTES: This challenge has a FAST Timeline for Submission phase, there are 2 days available for 1st round and another 2 days for 2nd round (total 4 days). Please be aware of this timeline and start Jump Into the challenge NOW!
Round 1
Submit your initial design for a Checkpoint Feedback (Desktop, Tablet, Mobile)01) Login Page
02) Dashboard Page
- As part of your checkpoint submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt.
- Make sure all pages have correct clickable flow. Use the proper file numbers, (1, 2, 3, etc.)?
Round 2
Submit your Final Design plus Checkpoint Updates01) Login Page
02) Dashboard Page
- As part of your Final submission, you must replace your checkpoint submission with the final submission into MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt.
- Make sure all pages have correct clickable flow. Use the proper file numbers, (1, 2, 3, etc.)
Background Overview
We are in need to create the Direct Reportee phone numbers to be updated by the Manager. This project requires to build the design and UI prototype of the application. In this challenge, we need your creativity to build the best possible login and dashboard page for this app. Be creative and think out of the box, give creativity and push forward and give us your best design solution for our responsive app.
Challenge Goal
Our goal is to create the best UI/UX for our Direct reportee phone numbers App that will be used by our company Manager, and thereby ensuring that their first impression of the app from a design perspective is positive, modern and usable.
Branding Guidelines
- New, Professional, and Modern look and feel.
- Simplicity to do the searching for Reportee information
- View any necessary information easily
- Responsive Web Approach - Follow Responsive Design Best Practice
- Easy to understand flow from page to page
- Intuitive for the user; should never be left asking "what do I do next?"
- Simple, clean, modern.
- Easy viewing for pages that may be over overcrowded with information (eg. when hovering over an item will enlarge for easy viewing or similar)
- Looking forward to seeing some ideas beyond our concepts (Feel free to add more screen ideas related to our product!)
Screen Requirements:
01) Login Screen
- Create a simple logo for the app
- Ordinary Login form (Username, Password, and a Login Button)
- Forgot Password feature
- Error scenario?
- Needs to reflect the app purpose/brand since the first time user see this page
02) Dashboard Page
- On Click of Login Button the user Lands on the screen having the following info:
-- Manager Id, Manager Name
-- List of Direct Reportee having the following info: AD ID, Given Name, Last Name, Email Id, Mobile Number (Each field should have the option to be sortable Asc/Desc)
- There should be search option on top of the table view of the list, only the mobile number is allowed to be editable/updatable.
- The search may be on any field and search item should be highlighted if found
- What else can be provided on this screen? Be creative and give us your best design solution!
Important:
- Keep things consistent. This means all graphics styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance
Marvel Prototype
- We need you to upload your screens to Marvel App
- Please send your marvel app request to fajar.mln@gmail.com (Challenge Copilot)
- You MUST include your Marvel app URL (in your marvel app prototype, click on share and then copy the link & share it with your notes/comment this link while you upload)
Target Audience
Internal Employee (Manager)
Branding Guidelines
- Font, Colors, Style Open to Designers
Target Devices
- Desktop: 1366px(w) & height up to your design
- Tablet: 1536px(w) x 2048px(h) (Portrait)
- Mobile: 750px(w) x 1334px(h) (Portrait)
Judging Criteria
Your submission will be judged on the following criteria:
- Overall idea and execution of concepts
- How well does your design align with the objectives of the challenge
- Execution and thoughtfulness put into the solving the problem
- The overall design and user experience
- Cleanliness of screen design and user flow
- Ease of use
- Action Flow should be clickable
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 image files based on Challenge submission requirements stated above
- MarvelApp link for review and to provide feedback
Source Files
All source files of all graphics created in either Adobe Photoshop, Illustrator (might need to convert it to photoshop later), XD, or Sketch and saved as an editable layer
Final Fixes
As part of the final fixes phase, you may be asked to modify your graphics (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.