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.