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

Register
Submit a solution
The challenge is finished.

Challenge Summary

Welcome to "HFS DViz Dashboard Design Concepts Challenge". In this challenge, we are looking to explore design concepts for a new Data Visualization Dashboard (DViz) that will be implemented using "Power BI" tools/platform. In this first challenge, we are going to design the Data Visualization experience for Hestia Facilities Supply (HFS) Dashboards. This is another series of Topcoder DViz dashboard design challenges that are being launched this year which focus on creating great customer experiences for exploring data!

We recommend you start by digging into data visualization design best practices, research Power BI and think about cool and creative ways to provide improved data visualization experiences.

Round 1

Submit your initial designs for a checkpoint feedback
00) General Requirements
01) Finance Head Dashboard (Frank)
02) e-Business Manager Dashboard (Kristin)
03) Sales Team Manager Dashboard (Jennifer)
- As a part of your checkpoint submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs.
- Make sure to include a URL/comment the link to your marvel app while uploading your submission
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)

Round 2

Submit your final designs with all checkpoint feedback implemented.
00) General Requirements
01) Finance Head Dashboard (Frank)
02) e-Business Manager Dashboard (Kristin)
03) Sales Team Manager Dashboard (Jennifer)
- As a part of your checkpoint submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs.
- Make sure to include a URL/comment the link to your marvel app while uploading your submission
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Background Overview
In this challenge, we are looking to design creative (and useful) data visualization dashboards that will make it easier for our employees to see their data and take action with their data. 
 
This challenge is focused on designing data visualization dashboards for Hestia Facility Supply (HFS). Hestia Facilities Supply (HFS) helps you run your facility with innovative and reliable maintenance, repair and operations (MRO) and janitorial products services & solutions. With nationwide shipping centers delivering directly to your facility, HFS is your MRO supply source. We bring the expertise, answers, training and online business support you need, beyond what is offered by traditional MRO distributors.
 
Documentation
- Screenshots of Dashboard Wireframes (see challenge attachment)
 
Challenge Goals
- We want to create 3 different Data Visualization Dashboards for each of the user roles based on the input provided.
- Keys To Win, dashboards that are able to provide:
-- Simple view of sales invoiced and trends across customer base and geographic location.   
-- View of open orders, aging of those orders, in relation to customers and source warehouse. 
-- View of back orders, aging, and impact by customer with growth trends.
 
Users/Persona's
1) Frank 
- Role: Finance Head
- Need to see all data visualization that is related to finance
 
2) Kristin
- Role: e-business manager
- Will need to see all data visualization that is related to marketing analytics (marketing matters to her in relation to HFS)
- How do I use this tool to sell better
- Useful information to have in the palm of your hand
 
3) Jennifer
- Role: Sales Team manager
- How do I use this tool to sell better
- Useful information to have in the palm of your hand
 
Design Considerations
- We are looking for Simple, Easy to Use, Informative, Modern design.
- Try not to have too much information on your dashboard, you can make them compelling by making the visualization interactive and enable users to walk through the different insights.
- Use color, visual comparison, and drill-down charts to highlight comparison.
- Have your designs of size: 1366 x 768px (Desktop only, Power Bi is responsive by nature so just need to design / build once)
- Colors and branding is up to you - do some analysis in this area of what colors work well for Data Visualizations
- Everything is up for redesign
- Nothing is sacred
- Looking to have some better visual to have it tell us a story
 
Branding Guidelines
- Font, Colors, Icons, Style is up to designers
- Needs to follow Power Bi Design Best Practices 
- It would help to do some research on this software and get familiar with its purpose, limitations, and what's possible.
- We should be designing with Power Bi in mind
 
Required Dashboard Designs
Below is the list of screens/dashboards we are looking to design.
 
00) General Requirements
- Overall think through the provided requirements for the dashboards and come up with meaningful designs for the dashboards
- Need to think about how to define the filters layout
- What is impactful for them each day? Assume its 8 AM, and I need to see my data at the start of the workday.
- Only include data and information that's important to the user, based on their role and what they need.
 
01) Finance Head Dashboard (Frank)
Reference: Back-Orders-(masked), Future-Orders-(masked), Sales-Invoiced-(masked), Hold-Detail-(masked)
- Will need to see all data visualization that is related to marketing analytics
- How does the user use this tool to sell better
- Useful information to have in the palm of the user's hand
- One statistic to keep an eye on, is the direct sales invoiced each day
- We are trying to measure the current direct sales volume and resources required to manage it going forward.  
- It seems the open direct orders continue to grow
 
02) e-Business Manager Dashboard (Kristin)
Reference: Potentially all screenshot
- Should have a bird's eye view of the most important data, without it being overwhelming
- More customer data, geographies, products sold
- Total sales, sales on hold, deliveries and shipping made, sales invoiced, customer list, warehouse stat, etc.
- Will need to see all data visualization that is related to marketing analytics (marketing matters to her in relation to HFS)
- How does the user use this tool to sell better?
- Useful information to have in the palm of the user's hand
 
03) Sales Team Manager Dashboard (Jennifer)
Reference: Shipping-Counts-(masked).jpg, Sales-Invoiced-(masked), Sales---Not-Back-Order-(masked), Sales---Back-Ordered-(masked)
- How does the user use this tool to sell better
- Useful information to have in the palm of the user's hand
- Invoiced sales focus. What matters: sales by product, expenses vs sales, sales by delivery state. 
- Open orders focus, What matters: 
-- ranking of customers by open orders, 
-- by black logged orders, 
-- orders by item category
-- open total by state / by sales person
 
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.
- Focus on User Experience / how user interacts within the dashboard.
 
Reference
Example dashboards designs reference for your considerations:
- https://powerbi.microsoft.com/en-us/
 
MarvelApp 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 notes /comments while uploading (in your marvel app prototype, click on share and then copy the link & share it within your notes while you upload).
 
Target Audience
Everyone that works for Hestia Facility Supply (HFS) 
- Finance Head 
- e-business manager 
- Sales Team manager 
- Etc..
 
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
- How well you interpret the example screens (business relevance) and show us new ideas and concepts.
 
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 Marvel App as part of your submission.
 
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop, Illustrator, XD, or Sketch!
 
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.

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:

2018 Topcoder(R) 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
  • Sketch
  • XD

You must include all source files with your submission.

Submission limit

Unlimited

ID: 30067874