Hercules Quantum X2 Storyboard Design Contest Part II

Welcome to the Hercules Quantum X2 Storyboard Design Contest Part II.
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 II 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, match structure from Hercules-Quantum-X2-Design-Part-I.zip

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 Page informations
X2_Saved_MobilePhase1_005.pdf / page 17
- This page accessed from "Recordings" tab on top.
- Page purpose to help users watch, review, and manage their linear TV recordings.

Required screens on this contest:
1). Recordings :: Content Organization :: Tablet 1
X2_Saved_MobilePhase1_005.pdf / page 18
- Sort Options: Most Recent and Alphabetical
- Filter Options: All Recordings and To Go
- Layout options : List and Grid View (Read initial layout of those view on Recordings :: Content Organization :: Tablet 2) X2_Saved_MobilePhase1_005.pdf / page 19
- List version on iPhone version layout : Recordings :: Content Organization :: Phone. How Grid view looks? X2_Saved_MobilePhase1_005.pdf / page 20

2). Recordings :: Asset Details & Actions (Mobile & PC)
- Asset Details will show these 2 format:
1. Multiple Asset Recording View (Single Episodes, TV Series, Live Series, Sports Team, Personality)
X2_Saved_MobilePhase1_005.pdf / page 21
- List of recorded assets are displayed in reverse chronological order
- If any recording is in-progress, progress is indicated through status notification
- Each recording has metadata and actions associated with it
- Access to the entity for the series offered in actions
- If it was a single, one-time recording for an episode in a TV Series, only one asset would display in the list )
- Table Version layout for Multiple Assets: Recordings :: Multiple Asset Details & Actions Tablet ( X2_Saved_MobilePhase1_005.pdf / page 22 )
- iPhone Version layout for Multiple Assets: Recordings :: Multiple Asset Details & Actions Phone ( X2_Saved_MobilePhase1_005.pdf / page 24 )
- Options Row : "bla bla bla" , "Take To Go", "Delete Recording"

2. Single Asset Recording View (Movie, TV One-Off, Manual)
- Single, non-series recordings are shown with their metadata and actions exposed
- If the recording is still in-progress, progress is indicated through status notification
- Table Version layout for Single Assets: Recordings :: Single Asset Details & Actions Tablet 2 ( X2_Saved_MobilePhase1_005.pdf / page 23 )
- iPhone Version layout for Single Assets: Recordings :: Multiple Asset Details & Actions Phone 2( X2_Saved_MobilePhase1_005.pdf / page 25 )

3). Recordings :: Setting a Recording: One-time
X2_Saved_MobilePhase1_005.pdf / page 26
1. Required Options for One-Time Recordings
2. Confirm Scheduled Recording

4). Recordings :: Setting a Recording: Series
X2_Saved_MobilePhase1_005.pdf / page 27
1. Required Options for Series-based Recordings
2. Confirm Scheduled Recording

5). Recordings :: Setting a Recording: Auto-Record
X2_Saved_MobilePhase1_005.pdf / page 28
1. Required Options Auto-Record Requests
2. Confirm Scheduled Recording

6). Recordings :: Setting a Manual Recording 2
X2_Saved_MobilePhase1_005.pdf / page 29
1. Required Options for Manual Recordings
- Users are offered a manual recording option when they attempt to record from certain channels (like local or public access channels) or from programs that exceed 7 hours in length.
- The user is presented with all the options available to them. There's no "more options" for a manual recording.
- The date and start time always default to the date and time from the grid cell that the user chose.
- The stop time defaults to 1 hour later than the start time.
- Error conditions must be addressed in this modal should the user attempt to set a recording beyond the limits: 15-min minimum, 7-hr maximum.
2. Confirm Scheduled Recording
- All recordings that are scheduled, regardless of whether the user was required to choose any options first, should be confirmed on screen.
- This #ModalOverlay can be dismissed by the user, but should also auto-dismiss after # seconds.

7). Recordings :: Modify a Completed Recording :: One-Time
X2_Saved_MobilePhase1_005.pdf / page 30
1. Modify Options
2. Confirm Changes to Recording

8). Recordings :: Modify a Completed Recording :: Part of a Series
X2_Saved_MobilePhase1_005.pdf / page 31
1. Modify Options
2. Confirm Changes to Recording

9). Recordings :: Delete an entity group
X2_Saved_MobilePhase1_005.pdf / page 32
You need show these flow on page.
a. Long Press: Display Delete All (#) pop over with button
b. Swipe: Display Delete All (#) pop over with button
- OnTap Delete button: Display con!rmation dialogue
- OnTap anywhere else: Dismiss Delete pop-over
- some entity groups may not be able to be deleted. What need to show?

10). Recordings :: Delete an Asset
X2_Saved_MobilePhase1_005.pdf / page 33
- "Delete Recording" is place in the last of "Recording" action row
- Create tablet and mobile version

11). Recordings :: Delete confirmation dialogue
X2_Saved_MobilePhase1_005.pdf / page 34
- Delete confirmation will show dynamic information based on title.
- Need these different delete confirmation dialogue
-- Confirm Request to Delete In-Progress Recording
-- Confirm Request to Bulk Delete Recordings
-- Confirmation of Deleted Recording

12). Recordings :: Recently Deleted (Mobile & PC)
X2_Saved_MobilePhase1_005.pdf / page 35
- Required screens on this page:
-- Recently Deleted Asset List
-- Recently Deleted Asset Selected

13). Recordings :: Empty State
X2_Saved_MobilePhase1_005.pdf / page 36
- Create conditional if "User does not have any completed recordings."

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.