Challenge Summary
Welcome to the Hercules Quantum X2 Storyboard Design Contest Part VI
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.
- You just need submit "iPad" and "iPhone" landscape and portrait layout for this contest format. Another versions will be task for contest winner.
- Make sure your design looks consistent with another Quantum X2 storyboard. Please point to us any things you feel not consistent.
- For all poster images and TV program screenshots, please replace them with graphic placeholder.
- Use flat design like completed storyboard.
- Format your submissions like this structures:
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
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
Required screens on this contest:
5-1-Guide-All-Landscape.png
- This is Guide page looks on Landscape view. This page will be like movie schedule.
- Match all buttons need displayed on this page:
-- Top Left : top menu, title
-- Top Right: Exit button
-- Bottom Left: Favorite Channel and HD preferred
-- Bottom Right: CC and Comment icon
- How the active button looks when user click on one of them?
- You can replace channel logo into placeholder
- See the time marker at the top side, divided by border
- User can do vertical and horizontal scrolling on the schedule page
- Notice the sorted column below "3:00p" text. You need show us how the design looks.
- Match content of top bar navigation.
5-2-Guide-All-Portrait.png
- Guide page looks on portrait layout
5-3-Guide-All-Details.png
- When user click on some title it will show details looks
- Match with existing X2 design
- Match the content need displayed
5-4-Guide-All-Scrolled.png
- This screens show Guide page scrolled to the bottom
5-5-Guide-All-Menu.png
- User can access sidebar menu by click top right button
- Match the content looks
5-6-Guide-All-Today-Dropdown.png
- User can change the date by click the "Today" dropdown.
- How the X2 design looks?
6-1-Saved-Recent-Preloader.png
- This is screen when Recent Page list being loaded.
- You can re-use existing preloader of X2 design for consistency
- Match all buttons need displayed on this page
6-2-Saved-Recent.png
- Just recorded show some list of poster image
- User can do horizontal scrolling
6-3-Saved-Recent-Details.png
- Click each poster will resize the poster more bigger and show details in the bottom
- Check how the X2 design created
- Match the action buttons content
6-4-Saved-Recording-List.png
- This is page of Recording in List View ("All" Tab)
- How the typography on X2 design created?
- Make sure all buttons on this exist in the new design
6-5-Saved-Recordings-Grid.png
- This is page of Recording in Grid View ("All" Tab)
- How the typography on X2 design created?
- Make sure all buttons on this exist in the new design
6-6-Saved-Recordings-ToGo.png
- This is Recording ("To Go" Tab) in Grid View
- As your task, you also need created how the list view looks.
- Notice there's "downloaded" text notification in the bottom.
- Check how the X2 design created
6-7-Saved-Scheduled-Landscape.png
- This is Scheduled page for landscape view
- Check how the X2 design created
- Notice there "All Scheduled" and "Conflicts" tab
- Notice there "Priority" tab in the left side
6-8-Saved-Scheduled-Portrait.png
- This is page looks on Scheduled page on portrait view
6-9-Saved-Scheduled-Details.png
- When user click on title need display Details information
- Check how the X2 design created
Target Audience
- Hercules Existing Consumer
- Hercules 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.