Challenge Summary

Welcome to the Hercules Quantum X2 Storyboard Design Contest Part V REPOST.
We want improve our existing design for Hercules Quantum application, in this contest we need you get us the updated looks and functions of some pages by follow our provided requirements and completed design as result of previous contest. The application design must be clean and professional, easy-to-use where a user can navigate and use the features easily. This application need developed into wide range Front-End platforms: desktop, tablet and mobile devices.


Contest Details
Hercules Quantum X2 is Front End Application that let user can instantly watch TV shows and movies in HD on any TV or stream them on their computer, tablet, or smartphone.

Design Consideration:
- This application will be developed on Desktop/Mobile and Tablet devices (HTML5).
- We already get design theme on previous contest. You must make sure the consistent design re-use/adjusted from completed storyboard.
- Make sure all elements are designed to have a fluid layout, so it will support landscape and portrait layout.
- Make sure your design looks consistent with another Quantum X2 storyboard. Please point to us any things you feel not consistent
- Use flat design like completed storyboard.
- You just need submit "iPad" and "iPhone" landscape and portrait layout for this contest format. Another versions will be task for contest winner.
- These complete format of this contest:
Desktop (1280 x 800)
- portrait
- landscape
- source
iPad (1024 x 768)
- portrait
- landscape
- source
iPhone (320 x 480)
- portrait
- landscape
- source
iPhone Retina (640 x 960)
- portrait
- landscape
- source

Required screens on this contest (download x2-screenshots-part-5-repost.zip)
1-Intellegent-Cloud.png
- This will be like splash screen of the application
- You need re-create this screen, do not just crop provided design.
- Make sure all text editable and style looks on current X2 Design theme.
- Be sure to use proper typography
- Highlight how the application looks on mobile, tablet and desktop.
- re-use same text information

3-DVR-Introduction-1.png
3-DVR-Introduction-2.png
3-DVR-Introduction-3.png

- After some seconds, application will take to this page
- Re-use existing text information.
- Is the graphic represent X2 design yet?
- Update DVR title to X2 DVR.
- Show how they animated when move from one screen to another

4-Connect-screen.png
- This is login screen with Comcast Email or Username
- Provide new screen show error validation style for inputs
- Then how if user need remove all inputed text?

7-1-Search-Empty.png
- This is default page looks before search input type.
- How X2 design looks?
- Match all buttons need displayed in this page

7-2-Search-Result.png
- Current page only show Video title, how do you improve this Search page for X2 design?
- Notice on the input search, user need ability to delete input text

7-3-Search-Details.png
- When user click on the title, need show details information
- Match data need displayed.

7-3-Search-Preloader.png
- Re-use consistent preloader when data being searching

8-1-Settings.png
8-2-Settings.png

- This Setting page triggered from "Setting Icon" in the sidebar menu (created on another contest)
- You need create how the modal should looks
- Match existing content

8-3-Setting-About.png
8-4-Setting-Parental-Control.png
8-5-Setting-Support.png
8-6-Setting-Terms.png

- You also need create separate screens show above variety of UI form

9-1-Video-Preloader.png
- This is screen when video being loaded.
- You can re-use existing preloader of X2 design for consistency
- Match all buttons need displayed on this page

9-2-Video-Playing.png
- This screens show video being played
- How the video bar created for X2 design?

9-3-Video-Playing.png
- This screens show video being played with "CC" feature turned on
- Notice there's subtitle text above the video.

9-4-Video-Menu.png
- When click top left menu, sidebar will show up show some main menu
- match the content.

9-5-Video-List.png
- This screen show video being playing but user see another video introduction in the bottom
- Notice video bar not exist in the bottom
- Especially on mobile device version, because the small space, we need some ideas how to display the video information in the bottom without affect main video that playing.

9-6-Video-Channel-Scrolling.png
- When click "CH" button on top of video, it will show scrollbar contains of Channel list
- Make sure scrollbar match with our X2 design
- how you improve the list? It looks show too much empty space there.
- The video being played need remain in page, make it smaller while access channel list?

9-7-Video-SAP.png
9-8-Video-CC.png
9-9-Video-Info.png

- These is when user click the buttons when video playing, how you create them

12-No-Device-Data.png
- Create screen when there's no data displayed in Search page

Branding Guideline
Design theme must match with completed Hercules Quantum X2 Design on Previous contest (Download from these links)
- Part-1.7z
- Part-2.7z
- Part-3.7z
- Part-4.7z
- Part-6.7z

Target Audience
- Hercules X2 Existing Consumer
- Hercules X2 Potential Consumer

Judging Criteria
- Cleanliness of page layout and all UI elements in every page.
- Boost user Experience of the application.
- Responsive Web Design solution on Desktop/Tablet/Mobile device

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.

Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file or any source graphics you created in Adobe Illustrator and saved as AI file.

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.

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:

2014 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

You must include all source files with your submission.

Submission limit

Unlimited

ID: 30035016