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

Register
Submit a solution
The challenge is finished.

Challenge Summary

Welcome to "TL Forecasting - User Stories Implementation Design Challenge". In this challenge, we are looking for your help to update our TL Forecasting application based on the user stories provided in challenge details page. You will need to create several new design screens, elements, and interactions to be able to simulate all the required user stories. 
  
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 Feedback (User Stories 1-5)
  • As part of your checkpoint submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt. 
  • Make sure all pages have the correct flow. Use the proper file numbers, (1, 2, 3, etc.)

Round 2

Submit your Final Design plus Checkpoint Updates (User Stories 1-9)
  • As part of your Final submission, you must replace your checkpoint submission with the final submission into MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt.
  • Make sure all pages have the correct flow. Use the proper file numbers, (1, 2, 3, etc.)

BACKGROUND OVERVIEW
  • TL providers sell products such as broadband and mobile phone contracts
  • These contracts consist of products of different types and capabilities
  • These products are sold in different markets, such as Consumer and Small-Medium Enterprises (SMEs)
  • In our previous challenge, we've successfully created a design screen for the forecast application that able to forecast customer products based on volume base, gross adds, leavers, net migrations, average revenue per user, revenue, re-grades/upsell
  • In this challenge, we want to add more features and interactions to the forecasting application
  • You will need to create all user stories mentioned in the challenge details below and update our existing design to be able to cover these user stories

CHALLENGE GOAL
  • Create the Best possible UI/UX design screen interactions that are able to simulate all user stories for the TL Forecasting application while keeping the design consistency to be the same with our branding

DESIGN CONSIDERATION
  • Consistency with our existing design
  • Clean and streamlined design and user flow
  • Needs to covered all interactions mentioned in the user stories

CHALLENGE FORUM
SCREEN REQUIREMENTS
For this challenge, we are looking for the below user stories to be created in your submission. The screen functionality details listed below need to be applied as much as possible. However, If there is a better way to accomplish the same goal, then feel free to take creative liberties.

00) General Requirements
  • Use design from our previous winner challenge as a base for this challenge
  • Please create any new design elements if the scenario requires it and the existing design doesn't have the elements yet
  • Please feel free to refine the existing design if you think it will be more suitable to simulate the user stories, however, make sure the design updates consistently in all user stories and all pages. 

01) CFU forecast data upload (bottom-up)
  • As a user, I want to upload a bottom-up forecast data from the following CFUs: Sandesh Brand 1, Sandesh Brand 2, Sandesh Brand 3 into my forecasting model, so that these forecast data can be visualized against the baseline forecast provided by the Talaria model and the Top-down forecasts provided by Sandesh Group
  • More details available in the 'User Stories' provided in the Google drive

02) Actual Data Upload
  • As a user, I want to upload data reflecting actual performance ("actuals") into the dashboard, so that I can track performance against the forecast. This data can be just forecast financials (Gross Adds, Leavers, ARPU, etc.) or forecast financials plus primary variables (Footprint, Price, etc.).
  • More details available in the 'User Stories' provided in the Google drive

03) Sorting among uploaded Actual file
  • As a user, I want to sort the list of uploaded Actuals, so that I can find the one I need
  • More details available in the 'User Stories' provided in the Google drive

04) Sorting among uploaded forecast files
  • As a user, I want to sort the list of uploaded Forecasts, so that I can find the one I need
  • More details available in the 'User Stories' provided in the Google drive

05) Compare Actuals with Forecast - graphs
  • As a user in "In Year Actuals" screen, I want to see the latest (by upload date) Actuals plotted against the Forecast (by default latest Budget or whichever I choose from the list) so that I can see if my actuals have deviated from my forecast.
  • More details available in the 'User Stories' provided in the Google drive

06) Compare Actuals with the forecast - KPIs visualization
  • As a user in "In Year Actuals" screen I want to see, next to each graphs showing Actuals plotted against the Forecast, a list of KPIs summarising performance so far and expected performance by the end of the quarter (quarterly outturn) and the end of the financial year (end of year outturn), so that I can get a high-level summary of how I am performing and whether I'm likely to achieve my budget. 
  • More details available in the 'User Stories' provided in the Google drive

07) Forecasts comparison
  • As a user, I would like to compare two forecasts, so that I can visually compare and contrast their outputs. (The User Story does not specify how to compare forecasts. This will be up to the designer to propose the most effective approach)
  • More details available in the 'User Stories' provided in the Google drive

08) Exceptions represented in a table
  • As a user, I want to see a table laying out significant differences between two forecasts (Baseline, Top-Down, Bottom-Up, Budget) for all the forecast financials, so that I know where to focus when trying to reconcile the two forecasts. This is presented at the most aggregate level (i.e. Broadband total across Rabbit, Cheetah and Tortoise, and across Consumer Sandesh Brand 1, Sandesh Brand 2, Sandesh Brand 3 and SME), and then drilling down to the lower forecast level.
  • More details available in the 'User Stories' provided in the Google drive

09) Exception Identification - Simple visual call out
  • As user, when I am looking at a page comparing two forecasts, I want the exceptions between these forecasts to be visually identified so that I can take action to investigate them further
  • More details available in the 'User Stories' provided in the Google drive

IMPORTANT
  • Keep things consistent. This means all graphics styles should work together
  • All of the graphics should have a similar feel and general aesthetic appearance
 
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 with your notes/comments this link while you upload)
 
BRANDING GUIDELINES
  • Follow our existing design

DOCUMENTATION
TARGET DEVICE
  • Web/Desktop: 1920px width with Height adjusted accordingly

TARGET AUDIENCES
  • Finance / S&T User

JUDGING CRITERIA
  • Your submission will be judged on the following criteria:
    • Consistency with our existing design
    • Overall idea and execution of concepts
    • How well does your design align with the objectives of the challenge
    • Execution and thoughtfulness put into solving the problem
    • Overall design, UI, and user experience
    • Cleanliness of screen design and user flow
    • Ease of use 

SUBMISSION AND 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 image files based on Challenge submission requirements stated above
  • MarvelApp link for review and to provide feedback
 
Source Files
  • All source files of all graphics created in Adobe XD or Sketch and saved as an 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.

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.

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
  • Sketch
  • XD

You must include all source files with your submission.

Submission limit

Unlimited

ID: 30102956