Challenge Summary
NOTE: You will be following the design styles from the provided designs
Really excited to see your submissions for this challenge!
Round 1
Submit your initial design for a checkpoint feedback
01 DSPO Dashboard
04 Missions
06 Analytics
IMPORTANT
- In addition to submitting to topcoder, please upload your submission to MarvelApp as well.
- Request a Marvelapp link in forums or send a mail to csystic@gmail.com or tgerring@topcoder.com
- If you are submitting multiple submissions, please request marvelapp link each of them.
Please feel free to provide any additional screens necessary to explain your concept.
Notes.jpg: Please note any comments about your design for the Client.
Round 2
Submit your final design with all checkpoint feedback implemented.
01 DSPO Dashboard
02 Account Management
03 User Details
04 Missions
05 Mission Details
06 Analytics
IMPORTANT
- In addition to submitting to topcoder, please upload your submission to MarvelApp as well.
- You can reuse the Marvelapp prototype that you shared for the checkpoint
- If you are submitting multiple submissions, please request marvelapp link each of them.
Please feel free to provide any additional screens necessary to explain your concept.
Notes.jpg: Please note any comments about your design for the Client
The Drone Market will be a web platform where service provider can offer services to customers who are requesting it. We want you to focus on the workflow and bringing simple (creative) solutions to how these services will be surfaced to the client and drone operators. The purpose of this challenge is to come up with designs based on the provided wireframes and improve the user experience of the overall application.
Design Considerations:
- For this challenge we are focused on the Desktop experience: 1366 x 768px
- We are providing wireframes, Do not just color the wireframes (if you do all your designs will look the same) - please make sure to follow the contents from the provided wireframes and look to improve the overall User experience.
- Please follow the overall design style from the provided storyboards.
- Please use the Branding that was shared, we will provide the logo (it should be just AIRBUS as used in the provided storyboards and not AIRBUS group), use the colors, fonts and follow the icon design styles as given in the branding guidelines.
- Your designs should follow the same layout and UI as the provided storyboards. This is VERY important. What you are designing is just another user group for the same application so it should all feel/ look the same.
- NOTE: Some screens might be repeated, please look to reuse from the provided storyboards
Challenge Assets:
Existing Storyboards and sources:
https://drive.google.com/drive/folders/0B2MK5NncVSuQM09GYnA4dGNPdzA?usp=sharing
Wireframes:
https://drive.google.com/file/d/0B2MK5NncVSuQMWs3eVdodFpmSEk/view?usp=sharing
Branding Guidelines:
https://drive.google.com/file/d/0B2MK5NncVSuQT1o4bG5NX3VWdGs/view?usp=sharing
Required Screens:
We need below screens to be designed...
01 DSPO Dashboard:
Reference: DSPO Dashboard
- Users can see an overview of all the items in the dashboard
- We need these sections / widgets in the dashboard “Accounts, DSP Business, Top 3 Service Categories, Top 5, IT Monitoring, Help Desk, Recently created accounts”
- Each of the section has a gear icon, think on what need to be shown when a user clicks on it.
02 Account Management:
Reference: Account Management
- User will be able to see the recently created accounts and all accounts in the application
- When a user clicks on the on any of the rows and based on the user role (DO, SP, Client) - it shows the appropriate user details
- How will the filters and search looks like, please make it consistent with the existing designs
03 User Details:
Reference: Account Details-Client, Account Details-SP, Account Details-DO
- This shows the user details under 3 tabs (Account Info, Statistics and History)
- Account Info (Account Details-Client): This shows basic details about the user
- Statistics (account_details-client-statistics): We are looking for your ideas on how to design the view, note: it will be possible to change the chart type in the statistics..think on how to show it in your designs.
- Wireframe Difference: For the "Account Details-DO-Statistics" screen, please use the same chart types, layout, and functionality as screens "Account Details-SP-Statistics" and "Account Details-Client-Statistics"
- History: This shows the list of order and payments that were done in the past.
- Provide options for print and export functions, clicking on export should further show different options for downloading.
- Please create these user details for all users (DO, SP and client), so we can see a flow in the marvel app.
04 Missions:
Reference: Missions
- This shows the list of missions “planned, in-progress and completed” as separate tabs.
- Mission Map is different in each of the tabs, so please make sure capture them.
05 Mission Details:
Reference: Mission Details (New-Planned), Mission Details (In Progress), Mission Details (Completed)
- Once a user clicks to view further details of the mission from missions page, they will be able to see the detailed mission.
- We need to create designs for missions with all status i.e. “planned, in-progress and completed”.
06 Analytics
Reference: Analytics
- This shows list of analytics for the entire application
- Please make sure to capture the analytics shown in all the tabs “Business Transactions, Missions, Drone Performance, Service Categories, Users, Search by business volume”
- Left sidebar allows the user to choose necessary criteria, so as to allow the users to create a report.
- Follow the graphs / charts as shown in the wireframes
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
Target Audience:
- Drone Service Platform Owner
Judging Criteria:
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design.
- Overall design, UI and user experience.
- Consistency across the UX/UI
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/Share an Marvelapp link as part of your submission
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.