BONUS: 5‌ CHECKPOINTS AWARDED WORTH ‌$50‌ EACH

Register
Submit a solution
The challenge is finished.

Challenge Summary

Welcome to REPOST DST Customer Dashboard Design Concepts Challenge! In this challenge we are looking for the topcoder community to help create a consolidated, dynamic view of a DST Systems customer's account data. The primary function of the view is to aggregate and organize data for a single customer, including data that spans across multiple Business Units and Product Lines. The view should offer navigation options to drill into the underlying Salesforce record(s) used to make up the summary. 

Round 1

Please submit your initial designs for checkpoint review, including the following screens:
- Account Summary Landing Page
- Org Chart

Round 2

Please submit your final designs after incorporating checkpoint feedback. All screens listed in requirements must be completed.


Challenge Description
DST Systems is a global provider of technology-based service solutions that enable clients to grow their business and provide exceptional customer experiences. They help them process, communicate and safeguard critical customer information. 
This challenge is about creating the look and feel, and the best user experience, for a read-only dashboard that aggregates and organize data for a single customer - including data that spans across multiple Business Units (the industry or industries with which a particular client is associated)and Product Lines (the highest level of product groupings). The view should offer navigation options to drill into the underlying Salesforce record(s) used to make up the summary.  

All pages should be designed with an executive user in mind. It is intended to provide the user "at a glance" information, that will quickly allow the user to see a summary of their account data, and navigate with ease through the different sections. Since this will be information-heavy, try to use visual cues wherever possible to simplify and visualize the information.

It should be incredibly intuitive and simple to use, and also visually pleasing, and visually designed in accordance with the DST Branding Guidelines.

Supporting Documents
1. Branding Guidelines (DST_BrandingGuidelines.zip)
2. DST Logo (DST_Logo.zip)
3. Sample Data format (Dashboard_Spec.pdf) 

Design Considerations
- Looking for a modern, intuitive user interface
- We need this product to be simple, smart, engaging. Focus on the design being a great user experience, think simple but effective solutions!
- Give importance to the overall layout and think on how a user would interact with the content on the page.
- For this challenge, we would like to see what each page/view looks like desktop-first, but should be responsive and adaptable to mobile in future

Design Size
- For Desktop: 1280px width x height as required

User Flow
As an executive/manager using this application, I should be able to:
- See basic account summary data
- View visual indicators of data
For eg. showing trends or when numbers are above or below a customizable threshold. Or to show an up arrow on revenue if it went up from the previous year.  Another example would be to allow the admin to set a $ threshold for each opportunity stage and then visually indicate when the threshold has been met.
- Navigate through different sections of the data, namely: Revenue, Opportunities, Assets, Executive Summary.
- Print sections of the data - including account summary, and the underlying records.
- See a visual hierarchy of my contacts

Required Screens :
01. Account Summary Landing Page
This would be the first page a logged in user would see. A section at the top of the page with the following data where users can find commonly referenced data for the account. Include a navigation that will allow for easily seeing different sections of the information, and also allow for the ability to print selected sections of any data.
Account Name
New indicator for Master Parent Account
        - If the account is at the top of a hierarchy(has children but no parents)

- Account Hierarchy:
Ability to drill down to see the account Hierarchy
- Ability to filter all data on the screen using the Account Hierarchy
      - Option to include Master Parent and All Children (Select All..default setting)
      Ability to select or deselect any account in the Hierarchy. The filter will control which accounts data is included in any rollup fields/charts on the expanded views.  

Total Revenue Tier(custom account field)
Client Since(custom account field)
Account Owner

Satmetrix Score(Custom account field)
Link to Account Org Chart(to be built as part of this project)

See how best to integrate the following different views and sections of data - details of each section provided below- maybe as tabs, or however would make for the best UX: 
- Rev
enue: Revenue is associated with a Business Unit and Product Line
Opportunities: Opportunities would be associated with a Business Unit (the corresponding products associate it with product families and product lines)
Assets: Assets would be associated with a Business Unit (the corresponding product also associates it with a products line and product family)
- Executive Summary:
 Executive Summary would be a related list at the account level. Users would be able to choose a data type from a dropdown/pick list and only see relevant information

02. Revenue Screen/Tab:
Please see the Revenue section in attached Dashboard_Spec.pdf for the sample tabular info that needs to be displayed here (need not be in tabular form, please try to make the information as visual as possible!). Revenue would be associated with an Account, Business Unit and Product Line.
Last 3 years of revenue grouped by Business Unit and Product Line
Revenue would be the sum of revenue from all selected accounts in the hierarchy
Total Sum of all Product Lines by Business Unit and Year
Total Sum of All Business Units by Product Line and Year
Only Business Units and Products lines with revenue values would be displayed

03. Opportunities Screen/Tab:
Please see the Opportunities section in attached Dashboard_Spec.pdf for the sample tabular info that needs to be displayed here (need not be in tabular form, please try to make the information as visual as possible!). Opportunities would be associated with a Business Unit (the corresponding products associate it with product families and product lines). The following fields:

- Closed Won: Sum of amount all Closed Won Ops by Business Unit and Product Line for all selected accounts in the hierarchy.

- Closed Lost: Sum of amount on all Closed Lost Ops by Business Unit and Product Line for all selected accounts in the hierarchy.

- Open Ops: Sum of amount on all Open Ops by Business Unit and Product Line for all selected account in the hierarchy.  

- Only Business Units and Products lines with opportunity values would be displayed

Requires the ability to drill down on the each sum and see the underlying opportunities.  

- Admins need the ability to adjust the following criteria to filter opportunities returned in each category:
      - Closed Date
���      - 
Stage

- Total Sum of all Product Lines by Business Unit and Stage
Total Sum of All Business Units by Product Line and Stage

04. Assets:
Please see the Assets section in attached Dashboard_Spec.pdf for the sample tabular info that needs to be displayed here (need not be in tabular form, please try to make the information as visual as possible!). Assets would be associated with a Business Unit (the corresponding products associate it with product families and product lines). The following fields:
Group Assets by Product Line and Business Unit
Assets would be gathered from all selected accounts in the hierarchy
Display a Count of Assets by Product Line and Business Unit: This could would be a link to the underlying Asset Records
Only display Business Units and Products lines with that have Assets
Totals

05. Executive Summary:
Please see the Executive Sumary section in attached Dashboard_Spec.pdf for the sample tabular info that needs to be displayed here (need not be in tabular form, please try to make the information as visual as possible!): This would be a related list at the account level.  Users would be able to choose a type from a pick list.

Data for each record:
Type(pick list)
SWOT(Large Text Field) == Strengths, Weaknesses, Opportunities, Threats
Client Since(Year)
Client History(Large Text Field)
Revenue Tier(Pick list)

Display the SWOT from each record with the ability to drill down to the record detail.

06. Org Chart:
This will be a simple org chart that defines who reports to who, and then displays the contacts in a hierarchy view. See examples here and here.
Ability to create a hierarchy for each account using their contacts
Hierarchy should be visual with information about each contact

References
Below are some of the dashboard references, please DO NOT COPY, use it only as references to create your design :
https://econsultancy.com/blog/62844-24-beautifully-designed-web-dashboards-that-data-geeks-will-love/
http://thedesigninspiration.com/articles/25-innovative-dashboard-concepts-and-designs/

Target Audience
- Executive and Global Relationship Managers

Judging Criteria
- How well you plan the user experience and capture your ideas visually
- Cleanliness of your graphics and design
- Your design should possible to build and make sense as dashboard application

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, 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.

Stock Photography

Stock photography is not allowed in this challenge. All submitted elements must be designed solely by you. See this page for more details.

How To Submit

  • New to Studio? ‌Learn how to compete here
  • Upload your submission in three parts (Learn more here). Your design should be finalized and should contain only a single design concept (do not include multiple designs in a single submission).
  • If your submission wins, your source files must be correct and “Final Fixes” (if applicable) must be completed before payment can be released.
  • You may submit as many times as you'd like during the submission phase, but only the number of files listed above in the Submission Limit that you rank the highest will be considered. You can change the order of your submissions at any time during the submission phase. If you make revisions to your design, please delete submissions you are replacing.

Winner Selection

Submissions are viewable to the client as they are entered into the challenge. Winners are selected by the client and are chosen solely at the client's discretion.

ELIGIBLE EVENTS:

2015 topcoder Open

Challenge links

Screening Scorecard

Submission format

Your Design Files:

  1. Look for instructions in this challenge regarding what files to provide.
  2. Place your submission files into a "Submission.zip" file.
  3. Place all of your source files into a "Source.zip" file.
  4. Declare your fonts, stock photos, and icons in a "Declaration.txt" file.
  5. Create a JPG preview file.
  6. Place the 4 files you just created into a single zip file. This will be what you upload.

Trouble formatting your submission or want to learn more? ‌Read the FAQ.

Fonts, Stock Photos, and Icons:

All fonts, stock photos, and icons within your design must be declared when you submit. DO NOT include any 3rd party files in your submission or source files. Read about the policy.

Screening:

All submissions are screened for eligibility before the challenge holder picks winners. Don't let your hard work go to waste. Learn more about how to  pass screening.

Challenge links

Questions? ‌Ask in the Challenge Discussion Forums.

Source files

  • Layered PSD files created in Adobe Photoshop or similar
  • AI files created in Adobe Illustrator or similar
  • EPS files created in Adobe Illustrator or similar

You must include all source files with your submission.

Submission limit

5 submissions

ID: 30049709