Facilities Request Storyboard Completion Contest

BONUS: 4‌ CHECKPOINTS AWARDED WORTH ‌$75‌ EACH

Register
Submit a solution
The challenge is finished.

Challenge Summary

Welcome to Facilities Request Storyboard Completion Contest.
In this contest we need you to complete the rest of functionalities for Facilities Request application by using the provided wireframe. We already have the storyboard for the application from the previous contest, you have to follow the look and feel of the current storyboard attached to this contest.

At the end of the contest, the client is looking for a clean, user friendly, intuitive, and easy to use storyboard.

Round 1

Submission design for client review:
At least these screens must be included in your milestone submission:
1. Dashboard Admin page
2. Manage Site Setting page
3. Manage Site User page
6. Help Page
But it's better if you can provide all the screens to get the feedback from the client regarding your submission.

- Notes: Any comments about your design for the Client
- Please number your files in the order they should be viewed (01,02,03,04,etc)

Round 2

Submission design for client review:
- All the screens listed in the requirement and round 1 feedback included and implemented.
- Notes: Any comments about your design for the Client
- Please number your files in the order they should be viewed (01,02,03,04,etc)


Project Overview:
This project is to build a new Facilities Request application, which will be responsible for creating and managing three different types of requests: "Service Requests", "Move Requests" and "New Hire Requests".

Primary Goal:
The goal of this contest is to complete the storyboard design for Facilities Request application by using the provided wireframe and follow the look and feek of the current storyboard.
We also need you to provide a better solution or ideas of how the application will be user friendly and easy to use. Please read the requirements below for the required screens for the application.

Important Notes:
- Please read and explore the wireframe to help you better understand the application.
- Suggest us more better ideas and solutions! NO restrictions.
- Design icons or graphics to make your design stand out than others. All the graphics need to have the same feeling and look and feel on the entire storyboard.
- Please provide hover condition for buttons, links, or images in the storyboard to help us better understand in reviewing the storyboard.
- Provide any notes about your design or each elements to help us better understand the storyboard.
- Please remember, the wireframe we provided is not a fix layout or even the fix functionality. Suggest us your ideas to get the application built better. We are welcome to any ideas for functionality, popup, layout and theme or even screens for this website.
- Number your screens and put screen names in your submission file to help us easily reviewing.

Required pages:

1. Dashboard Admin page
- See Dashboard_Admin.html
- Please see 3_Dashboard_Requester_Submitter_User.png as reference.
Please keep the same functionality in the "Action" column from the table as shown by the current storyboard design for this section.
- There will be different number of actions needed for each type of request.
- In the feedback column there are some feedback status showed. Please show us a modal window for this. You may see this by clicking the clickable feedback status.

2. Manage Site Setting page
- See Manage_Site_Setting_1.html
- This is the page user will see upon clicking the Manage Site Setting menu from the dashboard navigation.
- Please design any pop up window you find on this page
a. Manage Site Application Setting (from the top right button)
b. Upon clicking Save button.

3. Manage Site User page
- See Manage_Site_User_1.html
- This is the page user will see upon clicking the Manage Site Users menu from the dashboard navigation.
- Again we want your ideas how make this page have a better user experience and easy to use. Instead of manually choose each user to modify and remove, we want to see your better ideas for this functionality.
- Please design any pop up window you find on this page
a. Upon clicking Add button
b. Upon clicking Modify Button from Action column
c. Upon clicking Remove Button from Action Column

4. Manage Site Category page
- see Manage_site_Category_1.html
- This is the page user will see upon clicking the Manage Site Category menu from the dashboard navigation.
- Design the pop up window for modify function on this page.

5. Manage Site Building page
- see Manage_site_Building_1.html

6. Help Page
- see Help_Page.html
- On each page of the application there will be a help function at the top right of the page (See the provided storyboard). Upon clicking this button, the user will see this page.
- We want an intuitive design for this page. How to make this user experience and easy to use?
Instead of just like showed in the current wireframe, suggest us some ideas how a better help page. No restrictions.

Branding Guidelines:
Logo:
We don't have a logo yet, so you may use a logo placeholder on your storyboard design.
Size:
The page width must set to 1024px with content width must set to 960px, we want it to support less resolution monitor.
Fonts:
Follow the current storyboard.
Color:
Follow the current storyboard.
The preferred color palettes are
Preferred Color - PMS - CMYK - HEX
Regular Teal - (PMS)321 - (CMYK)c=100 m=3 y=34 k=12 - (HEX)009999
Bright Teal - (PMS)3262 - (CMYK)c=81 m=0 y=36 k=0 - (HEX)00CCCC
Regular Slate - (PMS)431 - (CMYK)c=45 m=25 y=16 k=59 - (HEX)333333
Bright Slate - (PMS)429 - (CMYK)c=21 m=11 y=9 k=23 - (HEX)999999

Target Audience:
- Company employee/worker
- Company Manager
- Potential Customer

Judging Criteria:
- The completeness of your storyboard
- User experience of the storyboard
- The quality of your design as well as following the provided guidelines.
- How well you follow the wireframe and the flow or provides new idea about how the screen must looks.

Submissions & Source Files
Preview Image
Create your preview image as one (1) 1024x1024 JPEG or PNG file in RGB color mode at 72dpi and place a screenshot of your submissions within it.

Submission File
All requested Contest Requirements stated above in PNG files.
IMPORTANT - If you are submitting "small updates or changes" with multiple submissions please include in your notes file what is different or changed - this can be confusing to the client sometimes when they can't tell what is different.

Source Files
All requested Contest Requirements stated above in PSD files.

Final Fixes
As part of the final fixes phase you may be asked to modify your storyboard.

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:

2013 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

You must include all source files with your submission.

Submission limit

5 submissions

ID: 30031589