VELOS - Dashboard Widget Design - Challenge Series - Part 5

Welcome to the VELOS - Dashboard Widget Design - Challenge Series - Part 5. In this challenge, we are looking for your production of several small dashboard data widgets, based on  the Velos style guide.

VELOS is a global leader of shipping services, this application will be used to optimize routes for trucks, help truck drivers with their task management, help dispatch personnel track their trucks’ location and status.

We’re looking forward to your submissions!

Round 1

Submit your initial designs for Checkpoint Feedback

- Screen #1
- Screen #2

IMPORTANT NOTE : You only need to have 6 widgets completed for R1, but tab concept and popup widget manager should be complete

Feel free to add any other additional screens which are necessary to explain your concept. 
Notes.jpg: Please note any comments about your design for the Client. 
Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)

Round 2

Your Final designs for all the required designs with all Checkpoint Feedback implemented.

Feel free to add any other additional screens which are necessary to explain your concept. 
Notes.jpg: Please note any comments about your design for the Client. 
Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)

The purpose of this challenge is to create multiple small data widgets for the user’s desktop / dashboard experience. This is challenge #5 in a larger series of design challenges, which will be used to design new application interfaces, over the next several weeks. VELOS is a global leader of shipping services.

There are two (2) required screens for this challenge: Widget Dashboard & Widget Controller Popup.

Your task is to:
- Created a tabbed interface for our existing dashboard & show 22 small data widgets on it
- Create a secondary screen showing a popup which gives the user the option to turn widgets on / off

We will pay five (5) prize placements plus $100 for each additional submission with widgets which the client would like to use.

Design Considerations:
We would like you to consider the following while creating your design..

SIZE:
- Use the provided template for your screens. You may add / remove padding in the content area, to allow space for your tabbed interface concept.

STYLES:
- We are including the original dashboard screen which contains several widget examples. Please follow the provided styles where applicable - Where you need to create new styles, please ensure that they work well with the established design.

COLORS:
Follow style tile for color usage throughout your screens.
- See provided color .png - You may add up to two (2) new colors to the color scheme, if needed.
- Note that the existing BRIGHT RED color in the color.png is for errors and negative values only

TYPOGRAPHY:
- Use Arial or Helvetica fonts for all text.
- Keep typography simple and clean. Use bold and italic text sparingly please -  Instead, use font size or all caps to call out hierarchy. Leave good white space between and around text.

Required Screens:
We need the following two (2) screens to be designed for this challenge (below). Wireframes are provided for both of these screens.

Screen #1:
Dashboard with new tabs & widgets (see 1-dashboard tabs.png) for this screen:
--- use the template
--- add in your concept for tabs (5 tabs shown in wireframe, each with edit and delete options and “+” new tab option) Note that you may move the content area around in the template / add or remove padding as needed for your tab concept.
--- show all required widgets (see widget content.rtf.zip)

Screen #2: 
Popup / modal over dashboard with widget manager showing (see 2-widget manager.png and 3-modal style.png) for this screen:
- Use your screen #1 for the background, use a 10% opacity black shade over background and show the modal for user’s options to add/remove widgets as shown in 2-widget manager.png)
- Please use the below mentioned widget categories for the widget manager left side (below) and then show some of these in the right side, to indicate that the user has selected them to be on their dashboard:
- Currently the pop-up doesn't show how to remove a widget, we would like to come up ideas on how this can be done!

Widget Categories:
General Widgets (top level widget category, collapsed with expand option shown)
Report Widgets (top level widget category, collapsed with expand option shown)
Operational Widgets (top level widget cat, expanded to show these widgets)
- Tip/Lift History Widget
- Tip/Lifts per Route Widget
- Time Between Stops Widget
- Truck Run Time Widget
- Homes Per Hour Widget
- Planned vs Actual Widget
- MPG Evolution Widget
- Market Analysis Widget

Safety Widgets (top level widget category, collapsed with expand option shown)
Truck Widgets (top level widget category, collapsed with expand option shown)
Inventory Widgets (top level widget category, collapsed with expand option shown)
Work Orders Widgets (top level widget category, collapsed with expand option shown)

Target Audience:
- Business professionals (working on a desktop machine) managing accounts, work orders & assets

Judging Criteria:
- How well you cover all content included in the wireframes
- How well you visualize the data in a logical manner
- How well you incorporate any new elements so that they work seamlessly with the existing style tile

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.

Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file!

Final Fixes
As part of the final fixes phase you will be asked to update the style tile to reflect any new elements that you have added to the design. You may also 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.