Challenge Summary
Welcome to OPM Reports Storyboards Design Contest. We need you to design pages for a business web application following an existing design. This contest is focused on designing reports based on a existing design guideline, 36 totals.
Round 1
For your R1 deliverables please submit the following reports:
1) Accounts Balance History
2) Account Notes By User
3) Account Type Totals
7) Balanced Scorecard Payments
8) Calculation Audit Trail
9) Current Suspense
10) Daily Cashflow Report
11) Daily Reconciliation Report
12) Daily Suspense Report
13) Deduction Rates
14) Lockbox Import Errors
15) Lockbox Import Totals
16) Manual Payment Log Cover Sheet
18) Manual Payments
19) Monthly Suspense List
20) Payment History
Round 2
Final design will contain all the requested reports plus any updates from client feedback.
1) Accounts Balance History
2) Account Notes By User
3) Account Type Totals
4) All Work for User
5) Balanced Scorecard Accounts
6) Balanced Scorecard Lockbox
7) Balanced Scorecard Payments
8) Calculation Audit Trail
9) Current Suspense
10) Daily Cashflow Report
11) Daily Reconciliation Report
12) Daily Suspense Report
13) Deduction Rates
14) Lockbox Import Errors
15) Lockbox Import Totals
16) Manual Payment Log Cover Sheet
17) Manual Payment Log
18) Manual Payments
19) Monthly Suspense List
20) Payment History
21) Payments by Type and Date Range
22) Payments Pending Approval
23) Refund Section Account Assignments
24) Resolved Suspense History
25) SC-007-001A (Closed Account Report)
26) SC-007-001B (Summary of Total Payments
27) SC-007-005 (Monthly Adjustments Reports)
28) SC-007-006 (Change History Report)
29) SC-007-008 (GL Report Daily Detailed)
30) SC-007-008 (GL Daily Report)
31) SC-007-014 (Receipt Suspense Items Report)
32) SC-007-015 (Suspense Resolution Report)
33) SC-007-016 (Account Statistics Report)
34) SC-007-017 (Account Summary Report)
35) User and Role List
36) User Role Permissions
The primary goal of this contest is to design the look and feel of the OPM legacy application. We provide you with an existing design for branding guidance, so you need to design other pages to complete the application from the wireframes.
This contest is focused on designing report pages. You are provided with sample reports that are screenshots from a desktop application reports; you must turn them into web design reports, very clean, easy to read and useful.
About OPM
The Office of Personnel Management (OPM) has an existing legacy application called the Service Credit Redeposit/Deposit System (SCRD).
The mission of the SCRD is to compute deposits and re-deposits, create an initial bill, post payments, and send out receipts to federal employees for periods of federal employment service that were either not covered by retirement deductions (deposits), or were covered and later refunded by the federal government (re-deposits). The SCRD must be a flexible system that can be easily updated or modified for ongoing legislative mandates and must be able to provide robust accounting tools for posting and adjusting payments.
Branding and Guidelines
- Follow the same color palette from the provided design.
- Use web-safe fonts for the pages content. Beware of declaring your fonts according to the Studio font’s policies.
- Your design must meet the Section 508 requirements (see below).
Storyboard Requirements
The mapping document (OPM_List_Of_Reports.xlsx) shows the reports names and the relative reference from SampleReports.zip.
Overall
- Reports must be placed/design using OPMReportsStoryboards.zip. This is the placeholder for all the reports you’re going to design. It’s going to be placed in the white canvas (currently with “Reports Library lorem ipsum etc”).
- They must be placed inside the “Reports” sub-tab. Notice there are three, “Correspondence” and “Reference”. You’ll use “Reports” only.
- Remove create, edit and delete buttons from “Reports” sub-tab only. Notice the other sub-tabs have these button and they should be kept.
- All reports must be organized alphabetically under the tree view component you see on the left side.
- You will design reports based on the reports based on the style from OPMExistingReportSample.zip. This is a standard report style sample (the content) for an OPM app report. Also, you need to place that report called “Active Credit Balances Over Twenty Five Dollars” in the “Reports” sub-tab.
- You must display a printer-friendly version for each report. See “Print” button on the report placeholder, when the user clicks this button it opens a standalone page with simple visual style for printing. See “Printer_Friendly > Active.png” from OPMExistingReportSample.zip.
- Name the report screens using “03_01_XX_Reports_NAMEOFTHEREPORT”, sample “03_01_ 01_Reports_AccountsBalanceHistory.png”, “03_01_03_Reports_AccountTypeTotals.png” and so on.
1) Accounts Balance History
2) Account Notes By User
3) Account Type Totals
4) All Work for User
5) Balanced Scorecard Accounts
6) Balanced Scorecard Lockbox
7) Balanced Scorecard Payments
8) Calculation Audit Trail
9) Current Suspense
10) Daily Cashflow Report
11) Daily Reconciliation Report
12) Daily Suspense Report
13) Deduction Rates
14) Lockbox Import Errors
15) Lockbox Import Totals
16) Manual Payment Log Cover Sheet
17) Manual Payment Log
18) Manual Payments
19) Monthly Suspense List
20) Payment History
21) Payments by Type and Date Range
22) Payments Pending Approval
23) Refund Section Account Assignments
24) Resolved Suspense History
25) SC-007-001A (Closed Account Report)
26) SC-007-001B (Summary of Total Payments
27) SC-007-005 (Monthly Adjustments Reports)
28) SC-007-006 (Change History Report)
29) SC-007-008 (GL Report Daily Detailed)
30) SC-007-008 (GL Daily Report)
31) SC-007-014 (Receipt Suspense Items Report)
32) SC-007-015 (Suspense Resolution Report)
33) SC-007-016 (Account Statistics Report)
34) SC-007-017 (Account Summary Report)
35) User and Role List
36) User Role Permissions
Section 508 Guidelines
There are government standards for applications regarding to accessibility. Your design must meet the following requirements:
- Color coding shall not be used as the only means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.
- Web pages shall be designed so that all information conveyed with color is also available without color, for example from context or markup.
- Row and column headers shall be identified for data tables.
- Foreground and background color combinations should provide sufficient contrast.
About CCA Contests
- CCA (Competition Confidentiality Agreement) is required for this contest. If you don’t have a signed CCA on file you need to follow these instructions and then request for the access: http://apps.topcoder.com/wiki/display/tc/Competition+Confidentiality+Agreement+%28CCA%29
- If you have a signed CCA on file, send the access request for this project to: support@topcoder.com.
Target Audience
Internal OPM users/employees. This will not be a public facing web application.
Judging Criteria
- Section 508 Compliance.
- Originality.
- Design execution quality.
- User Experience.
Submission File
All requested contest requirements/screens as JPG or PNG files at 72dpi.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD files.
Preview Image
Create a 1024x1024 JPG or PNG file in RGB color mode and place a screenshot from your submission within it.
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.