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

Register
Submit a solution
The challenge is finished.

Challenge Summary

Welcome to Apophis - Scheduler Workspace Design Concepts Challenge. In this challenge, we are looking for your help to come up with concepts for “Scheduler Workspace” that provides the ability to see the transactions (bunker desk table) and inventory rundown both at the same time

Challenge Objectives

  • 1 Desktop Screen to be designed
  • To design the best User Interface, that is user friendly, modern, and professional. They should improve efficiency, highlight optimization opportunities, and reduce errors to deliver a more efficient and dynamic way of working.
  • Note: You are designing screen for a responsive web application, you are designing for desktop

Round 1

Please include the following screens and features for Checkpoint Feedback.
- Scheduler Workspace

Round 2

Submit all Final “Apophis - Bunker Desk Tool Kit Concept Design” with Checkpoint feedback implemented
- Scheduler Workspace

Challenge Goal
The original intent of this project is to create an MVP web application - Bunker Desk Tool Kit - to manage the activities currently done with a combination of excel tools and manual tasks.

Project Background
Apophis currently uses a cumbersome combination of excel tools, manually generated reports, routine emails, calls, and meetings to manage the bunker fuel operations for terminals and barges across 4 geographies.

Bunkering is the supplying of fuel for use by ships, and includes the shipboard logistics of loading fuel and distributing it among available bunker tanks. In many maritime contracts, such as charter parties, contracts for carriage of goods by sea, and marine insurance policies, the shipowner or ship operator is required to ensure that the ship is "seaworthy". Seaworthiness requires not only that the ship is sound and properly crewed, but also that it is fully fueled (or "bunkered") at the start of the voyage.

Excel tools currently help the scheduler to

  • Optimize cost-effective blends
  • Track movements into and out of the terminal and barges,
  • Manage inventory and schedule deliveries based on various ports and report information to marketers and traders while managing physical, quality, and logistical constraints.
  • Nomination documents for each movement formalize the instructions to Terminals and Barge Companies.
  • ���Daily logistics coordination with ships, port agents, terminals, and barge owners occurs via email and calls to respond to the rapidly changing operating environment.
  • Updates on scheduled deliveries, available inventory, and barge availability are shared with Marketers and Traders via manual reports generated periodically throughout the day.
  • Throughout the day Marketers and Traders will communicate orders for new bunker deliveries through Bunker Delivery Notifications based on available inventories and barge availability

���AUDIENCE
- Scheduler User

General Requirements

  • We are providing designs from the previous challenge which you should be following
  • Feel free to propose new solutions in an interesting way to represent data in your design submission.
  • As possible we need you to create separate screens to explain click-flow for all interactions as web applications for guidelines in the next development phase.
  • Your design must support a Responsive Design Solution when creating another version for tablet and mobile in the future.

Screens/Features
By designing the Scheduler Workspace will allow the user to:
View Inventory Run Down and view Alerts/Notifications

Current Problem
A Scheduler will be able to enter the volume for the selected product and see the impact on the inventory rundown.

In the current design, the user is required to enter the product and volume by clicking on the “Edit” icon in the Bunker Desk view (D_01 A Bunker Desk - Region Inventory@2x.png) and within this user will be able to enter the volume for the product and save it. And then the user will go to the “Tanks & Barges” view (D_06 A Terminal Tanks in Chart View@2x.png) to see the Inventory Rundown. This is hard and almost feels like both the steps are not connected to each other. So in order to keep it simple, we would like you to come up with the Scheduler Workspace concept.

Scheduler Workspace:
We would like you to come up with a new screen that would have the ability to see the transactions (bunker desk table) and inventory rundown both at the same time. Below are the list of features we need in the scheduler workspace page

NOTE: The client has provided a wireframe for reference but please DO NOT COPY - the client would like to see some creative and innovative submissions and is not interested in seeing rundown view as tables/ or excel kind of view.

  • In the overall Navigation, include a navigation item “Scheduler Workspace”
  • Ability to edit multiple transactions at a time and be able to see the change in rundown immediately without switching the screens.
  • Ability to see the transactions and inventory rundown both at the same time. e.g. refer to the diagram above where users can select multiple transactions and then can see the transactional data.
  • Ability to edit multiple transactions at a time and be able to see the change in rundown immediately without switching the screens. e.g. users should be able to edit the field such as Date and Time and volume, the same should get reflected on the grid above in the rundown. Note the rundown is based on date time and ascending order, so the moment you change the date-time, the rundown view can change altogether. Similarly, users want the ability to put values in the B/D column so that they can assess the impact on the rundown. Once they have played with numbers above, they should be able to save it and the same should get reflected in the underlying transactions.
  • Transactions details can be in barrels, and whereas Tank inventory can be in metric tons (MT). e.g. Users should be able to toggle between MT to BBL or vice versa. He should be able to choose this UOM for transaction view and Run Down view.
  • Need to show alerts that may violate some constraints such as the volume not inventory change is not matching with transaction quantity, or the product in transaction is not the same as the Tank.
  • For  e.g.
    • Scenario 1: Tank 14 is having product RMG 380, currently, then you have a transaction loading product MGO to a barge from Tank 14. Then some alert is needed.
    • Scenario 2: Rundown inventory exceeds max capacity of the tank  or goes low below min. Capacity.
    • Scenario 3: There is a transaction which is type “U” i.e. unavailable signifying that a barge is not available on 15th June for 8 hrs. But if the same barge is being used to load or discharge from or to a tank then that should be highlighted so that the scheduler can plan to use a different barge for planning purposes.
  • Accommodate inventory rundown view for multiple tanks (up to 20), and may be ability to select tanks to be shown for better use of real estate.
  • Ability to choose the columns (like what columns to view and what to hide) for viewing transaction details.
  • Add Filters to limit the transactions in the view (date range, transaction type, transaction status etc.,)
  • Ability to sort, rearrange and freeze Transaction columns
  • Good to have: way to show/hide Product specifications currently in the tank along with last inspection date, and capacity limits of the Tank.
  • Users should be able to tag a transaction as What If and should be able to include or exclude from Rundown calculations.
  • Users should be able to rearrange the order in which tanks are being displayed. E.g. above shows 14,15,16,17 but the user should be able to change the order he wants.
  • Users should be able to see current day-1 transactions but should not be able to edit those.
  • User should be able to select the date range for which he wants to see the run down view.
  • In future Tanks can be marked for outage for a certain date range, let us say that Tank will be under planned maintenance after a month from now say 1st July - 10th July. So during this date, if a barge is loading from that tank or discharging to the tank then some alert is needed.

Form Factors
Please make sure your design supports these form factors:
- Desktop: 1366px(w) x Height up to your design

Branding Guidelines
- Please follow the color from the current designs also we have provided the Client Color Palette for your reference in forums
- Please use Arial font

Design Assets
All challenge assets are attached in the challenge forums.

FINAL DELIVERABLES
  • All original source files
  • Create files in Adobe Photoshop, Adobe XD, or Sketch.
  • Marvel Prototype
    • Upload your screens to Marvel App.
    • Send your marvel app request to csystic@gmail.com
    • Include your Marvel app URL as a text file in your final submission. Label it “MarvelApp URL”.

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:

2020 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
  • Adobe XD
  • Figma

You must include all source files with your submission.

Submission limit

5 submissions

ID: 30130462