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!
Round 1
Submit your initial design for a Checkpoint Feedback1) Login & Authentication Screen
2) Dashboard Screen
3) Digital Helpdesk Screens
4) Location/Map screen
5) Search & Contacts Screen
- As part of your checkpoint submission, you must upload your submission to Marvel App so we can provide direct feedback on your designs. Please include the Marvel App URL in your notes.txt.
- Make sure all pages have correct flow. Use the proper file numbers, (1, 2, 3, etc.)
Round 2
Submit your Final Design plus Checkpoint Updates1) Login & Authentication Screen
2) Dashboard Screen
3) Digital Helpdesk Screens
4) Location/Map screen
5) Search & Contacts Screen
6) Settings/App Customization Screen
7) Employee Handbook Screen
8) Full To-Do list and meetings Screens
- As part of your Final submission, you must replace your checkpoint design in your marvel with your final submission so we can provide direct feedback on your designs. Please include the Marvel App URL in your notes.txt.
- Make sure all pages have correct flow. Use the proper file numbers, (1, 2, 3, etc.)
Background Overview
The challenge is to create a mobile Personal Digital Assistant. Our company's IT services are Cloud-centric with native mobile apps already available. This challenge purpose is to create a single Personal Digital Assistant mobile app interface which integrates all of our cloud services and utilizes/launches the native mobile apps. This app should work with other enterprise cloud applications such as Okta, Workday, Google Suite, Box, ServiceNow etc. and would control data/functionality for them.
Access to the mobile app will need Corporate Single Sign-on Authentication (Okta)
Challenge Goals
- Create Personal Digital Assistant, a Single Mobile App to incorporate and navigate user.
- Connecting employees through a mobile platform.
Design Consideration
- UI/UX Best Practice for Personal Digital Assistant Mobile App!
- The interface will be easy and intuitive to navigate
- Give importance to the overall layout and think on how a user would interact with the content on the page.
- Show all the screens and provide a user flow/click-path and navigation, so we can see how the interactions fit together
Use Case
1) A new employee wants to know the location of the cafeteria. Based on their office location, a request for lunch facilities will get them the nearest cafeteria for that location.
2) A user wants to travel to another location. They make a voice command in the app "Travel to Location Y". This app will work with the underlying travel app to look for travel options, flight details (as per company policy), travel times, nearby hotels and en route transport to give the travel options. It will also book the travel using the underlying apps and share the details delivering a seamless experience for the user, who doesn't need to navigate through multiple enterprise apps
3) An employee wants to request a new PC/Mac or accessory.
4) An employee wants to get IT assistance for an issue they are experiencing or they want to submit a request for some service or functionality.
Branding Guidelines
- Font and Colors: Follow Design Guideline.docx
- There are no restrictions or guidelines for the design other than the fonts and color schemes provided. Feel free to create the best possible style and UI/UX for the app.
- We are looking for a path-breaking solution which enables a WOW! experience for any end user.
Target Devices
- iPhoneX: 1125x2436px
Screen Requirements
For this challenge, we are looking for the below pages to be designed/considered in your concepts. The screen functionality details listed below are suggested functionality for consideration. Do not allow the suggestions below to impact the creativity of design. If there is a better way to accomplish the same goal, then feel free to take creative liberties.
1) Login & Authentication Screen
PDA Comps_Screen1.png
- Multi-factor authentication followed by fingerprint sign on
- Take the user to our SSO site for verification and then back to the app after a successful login or the app can perform SSO internally via our SSO service.
2) Dashboard Screen
PDA Comps_Screen2.png
- Navigation Menus
- Preview To Do List
- Next upcoming meeting
- Awaiting Approvals
- Live Stock ticker (Stock Ticker shows list of stocks and price increase or decrease something like https://www.pinterest.fr/explore/stock-market-ticker/)
- Live Weather
- Traffic update link (Local Traffic conditions from Google maps for example)
- etc
3) Digital Helpdesk Screen
PDA Comps_Screen3.png
- Mobile Digital Helpdesk:
-- Knowledge Base, should leverage articles in our existing knowledge solution. This is a cloud-based service and uses our SSO service for authentication
-- Logged an Incident Tickets, Incidents are based on unplanned interruption or problems (ex: PC/Mac won’t boot, phone doesn’t work, software issues, etc.)
-- Submit an IT Service Request, SR (Service Request) is submitted when an individual is "requesting" an IT service (ex: Document collaboration account, Email account, PC/Mac re-image, Software ordering, etc.)
-- Reset Password, this is to reset the user’s SSO password and not the password for the app.
4) Location/Map Screen
PDA Comps_Screen4.png
- Based on Geolocation, this app should also provide information regarding the site/location:
- Site Map & Floor Plan - example cafeteria, meeting rooms, printers etc
- Site contacts - example main line number, emergency contacts, facilities etc
- Conference Room information, availability & booking schedule
5) Search & Contacts Screen
No References
- Show list of corporate personnel directory including their email, work and mobile phone number, integration with Jabber for internal messaging and calls
6) Settings/App Customization Screen
No References
- Set configuration for the apps (notifications, sync all cloud application)
7) Employee Handbook Screen
No References
- This is a navigation screen (Table of contents to the other screens), Navigate to links of:
-- HR related information links
-- Payroll related information
-- Facilities & Security
-- IT Services & Security Policies
-- Insurance
-- Taxes
-- Finance -- credit card, expenses, etc etc
-- Travel and Expenses
-- Procurement
8) Full To-Do list and meetings Screens
No References
- The mobile app should also provide the user's daily Action/Worklist, a To-Do list & information. For example:
-- Meetings on calendar/View Upcoming Meetings
-- Service Request & IT Helpdesk tickets, Data related to open Service Requests and IT Helpdesk tickets
-- Purchase, Travel, and Service Request Approvals
-- Upcoming Travel information
-- Targeted communications of IT Service Maintenance, Outages & Announcements
-- Join WebEx meetings
-- Add Sticky Notes as reminders for tasks
-- Feel free to combine these feature details into other features in the app or as sub-screens in your design!
-- This screen can be added as part of Dashboard or created as a single screen, the choice is up to you, which one provides better UX for the user!
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
- All graphics must be created as vector so they resize well on larger devices.
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 within your notes/comment this link while you upload).
Documentation
- Design Guideline.docx (Branding Guidelines Document)
- Wireframes (Screen References - Content)
Target Audience
- Employees for an enterprise with worldwide operations and locations
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 JPEG/PNG image files based on Challenge submission requirements stated above.
- Marvel App link for review and to provide feedback
Source Files
All source files of all graphics created in either Adobe Photoshop/Illustrator/Sketch and saved as 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.