Challenge Summary
Welcome to the Hercules Quantum X2 Storyboard Design Contest Part III.
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. 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.
This is the Part III contest of Hercules Quantum series, there will be more design contest to get complete looks of Quantum X2 design. Stay tune!
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 consistent design re-use/adjusted from that storyboard.
- Make sure all elements are designed to have a fluid layout, so it will support landscape and portrait layout.
- You need just submit "iPad" and "iPhone Standard" format on landscape and portrait layout for submission format. Another versions will be task for contest winner.
- We provide X2_Saved_MobilePhase1_005.pdf as wireframe layout from client to help design our expected Quantum X2 design format.
- For Metadata on wireframe need show actual information, refer to attached for correct information.
- For filename format, you need add device name in front of filename, for example, "iPad-Portrait-recent.png", "iPhone-Retina-Landscape-recent.png", and so on.
- 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
Design Problem:
Notes:
- Information below only introductions to guide you design the pages. Please read more details design problem on attached X2_Saved_MobilePhase1_005.pdf
- There's some metadata need captured from wireframe. Please re-use data/information from attached Quantum-X2-Current-Screenshots.zip
Recordings :: To Go
X2_Saved_MobilePhase1_005.pdf / 37
- Page purpose to help users take their linear recordings to go for viewing outside the home on a portable device.
- Recordings :: To Go :: Content Organization ( X2_Saved_MobilePhase1_005.pdf / page 38 )
Required screens on this contest:
1). Recordings :: To Go :: Download Content
X2_Saved_MobilePhase1_005.pdf / page 39
- "Take To Go" is an action that can be found when looking at the details for a recorded asset from both the Recent and Recordings sections. This action initiates the download flow.
Download Options:
- For every download request, the user must choose the quality/size they want to download.
In-Progress Downloads:
- Once the recording has begun to download, it's progress is indicated on the screen.
- Downloads are handled serially
- There's no "pause" option for downloads. While the download is in progress or waiting, there are no other available actions. The progress of the download is displayed in place of the other actions.
- Canceling a download will remove the data from the device and make the recording available in the cloud again. The user should be prompted to confirm that they want to cancel the download.
States for Downloads
- Downloading
- Awaiting Download
- Unable to complete download
- Download Complete
- Downloaded onto another device
In progress and awaiting actions
- Cancel - Cancels download and removes any stored data
- Kick Start - Kick starts the awaiting asset and positions current downloading asset 2nd in queue
2). Recordings :: To Go :: Download :: First Time Use
X2_Saved_MobilePhase1_005.pdf / page 40
- Initiate Download: First time use of "Take To Go" on the device
- Get started button take to "Download option"
3). Recordings :: To Go :: Entity Level Indication
X2_Saved_MobilePhase1_005.pdf / page 41
- Need solution of these following entity and indication:
-- Downloading
-- Awaiting Download
-- Downloaded To Go On {Device Name}
4). Recordings :: To Go :: Asset Level Indication
X2_Saved_MobilePhase1_005.pdf / page 42
- Need solution of these following entity and indication:
-- Downloading
-- Awaiting Download
-- Unable to complete Download
-- Downloaded To Go / #mb
-- On {Device Name}
5). Recordings :: To Go :: Phone Indication 2
X2_Saved_MobilePhase1_005.pdf / page 43
- iPhone layout need opened in new pages
- Refer the flow of "Recorded entity list", "Recorded asset group" and "Recorded asset details"
6). Recordings :: To Go :: Download Queue
X2_Saved_MobilePhase1_005.pdf / page 44
Need show "Download Queue" on these sections:
- Fly-Out Navigation
- Download Queue View
7). Recordings :: To Go :: Offline Viewing Period
X2_Saved_MobilePhase1_005.pdf / page 45
Need indication showing these informations below top tab.
-- Indicating Offline
-- Expiring Downloads
-- Expired Downloads
- Create different screens on tablet/mobile
8). Recordings :: To Go :: Unable to Renew
X2_Saved_MobilePhase1_005.pdf / page 46
Need indication showing these informations below top tab.
-- Auto Renew License Failed
-- Reasons for Auto Renew License Failure
-- User does not have any To Go recordings.
- Create different screens on tablet/mobile
9). Recordings :: To Go :: Return a Recording to the DVR
X2_Saved_MobilePhase1_005.pdf / page 47
- The "Return to DVR" action can be found as one of the actions when looking at the details for a downloaded recording.
- Confirm Return Request Modal
10). Recordings :: To Go :: Out of Home Tablet
X2_Saved_MobilePhase1_005.pdf / page 48
- Please create these following flow:
-- Off network blocker
-- Recorded Entities with downloads Off network blocker Filtered To-Go
-- Recorded asset details
- Notice the action "Actions while off home network" only show "Watch" and "Return".
11). Recordings :: To Go :: Out of Home Phone
X2_Saved_MobilePhase1_005.pdf / page 49
- Please create these following flow:
-- Recorded entity list
-- Recorded asset group
-- Recorded asset details
- Notice the action "Actions while off home network" only show "Watch" and "Return".
12). Recordings :: To Go :: Empty State
X2_Saved_MobilePhase1_005.pdf / page 50
If user does not have any To Go recordings. Show these empty state:
- If device is off home network: Make actionable step 1 to point user to device network settings to resolve potential network issue
- If device is on home network: Make actionable step 2 that is directional to all recordings to find and download
Branding Guideline
- 
Design theme match with completed Hercules-Quantum-X2-Design-Part-I.7z
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.