Challenge Summary
Welcome to the Hercules TV Web Apps News and Lifestyle Pages Design Challenge
This challenge if focused on the exploration of design concepts for the interactive TV Design that would be used to display the web view video content as TV Application. How these "TV Web Apps" look on the TV and how will the content be displayed?
Notes.jpg: Any comments about your design for the Client
Notes.jpg: Any comments about your design for the Client
Problem
The internet is exploding with video. Content providers are devoting more and more time and effort to generate video as research has found that video is one of the most engaging experiences on the web.
Our client primarily interacts with its customers via a TV set top box. They want to find ways to aggregate this video content and surface to their users on the TV. The two main types of content they being prioritized are News & Lifestyle content.
Project
Our client TV set-top boxes have the ability to display web pages. The goal of this project is to build web applications that will allow users to discover and explore aggregated web videos and view them on their TV. The client wants to build two distinct experiences - one for news content, one for lifestyle.
The objectives are two-fold:
- Create two distinct “treatments” for presenting the video in an optimized manner for set top boxes. One treatment will focus on “news” and the other will focus on “lifestyle”.
- Create multiple implementations of each page based on the example sites and links provided.
Design Guidelines:
- Hercules - TV Web Apps Screen will use Responsive Width
- User will navigate the app via TV Remote
- Fonts = XFinity-Sans-Fonts.zip
- Design Theme = Up to Designer
- Color Theme = Up to Designer
Required screen sizes:
- HDTV, Blu-ray = 1920px × 1080px
TV Web Apps - News & Lifestyle Pages Design Challenge Requirements
The goal would be to access news and lifestyles providers free content from their sites, or creatively access their content from their Youtube or other free locations.
News brands of focus:
- Fox News
- CNN
Lifestyle brands of focus:
- Food Net
- HGTV
- Travel
Additionally, it would be good to look at access complimentary news content as replacement viewings. Some examples below:
News:
- Yahoo News
- Huffington Post
- Vox
- USA Today
- Quartz
- WSJ
- NewsMax
Lifestyle:
- Tastemade
- Tasty (from Buzz feed)
- Eater (from Vox)
- Thrillist
- iVillage
- Hearst (Cosmo, Good Housekeeping, etc)
- She knows
- StyleHaul
- Michael Phan
Suggestions
- When you are building the different views, ask yourself - what’s different about news and lifestyle? How should i reflect that in my designs.
Some thoughts:
- News - When a person is looking for news, they generally want to know the breaking and most recent news first. Should breaking news be highlighted, treated differently? Should the most recent video be playing by default so they are getting the latest immediately?
- Lifestyle - When you are exploring lifestyle things, what do you care about? Is it more of a discovery mode, just looking for something interesting? Are you looking for content based off of the type of content or content provider?
- Overall - What are effective ways to filter content?
Navigation
Remember a user will be using a remote control. Main navigation controls are: up, down, left, right, playback controls, page up, page down, ok/return, last/back, etc.
Data Model
- You can assume the following general data model or set of data available to you to display.
- You can assume the following information will be available for each video:
-- Title
-- Description
-- Thumbnail image
-- Video URL
-- Section (i.e. “Breaking News”, “Technology”)
-- Content Provider
Features/Design Elements need captured in your submissions are:
- We provided you some design reference to help you design storyboard for this challenge (screenshots.zip)
- How to Navigate/How to Use screen
- Main Navigation
- Sub Navigation
- Logo Placeholder
- Item Highlight/Selection Style
- Filter
- Video Sections
- Thumbnail List/Grid View?
- Full Screen Video?
- Video Player button?
- Quick information for the related video
- How you unique design to display News and Lifestyle?
Target User
- Hercules Potential Customers
- Hercules Current Customers
Judging Criteria
- How well you create/design for Hercules TV Web Apps.
- Cleanliness of your graphics and design
- Think about how user navigate to each content
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
All Requested challenge Submission Requirements stated above.
Source Files
All source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD.
This challenge if focused on the exploration of design concepts for the interactive TV Design that would be used to display the web view video content as TV Application. How these "TV Web Apps" look on the TV and how will the content be displayed?
Round 1
Initial Hercules - TV Web Apps News & Lifestyle Pages for Checkpoint feedbackNotes.jpg: Any comments about your design for the Client
Round 2
Final Hercules - TV Web Apps News & Lifestyle Pages that captured Checkpoint feedback.Notes.jpg: Any comments about your design for the Client
Problem
The internet is exploding with video. Content providers are devoting more and more time and effort to generate video as research has found that video is one of the most engaging experiences on the web.
Our client primarily interacts with its customers via a TV set top box. They want to find ways to aggregate this video content and surface to their users on the TV. The two main types of content they being prioritized are News & Lifestyle content.
Project
Our client TV set-top boxes have the ability to display web pages. The goal of this project is to build web applications that will allow users to discover and explore aggregated web videos and view them on their TV. The client wants to build two distinct experiences - one for news content, one for lifestyle.
The objectives are two-fold:
- Create two distinct “treatments” for presenting the video in an optimized manner for set top boxes. One treatment will focus on “news” and the other will focus on “lifestyle”.
- Create multiple implementations of each page based on the example sites and links provided.
Design Guidelines:
- Hercules - TV Web Apps Screen will use Responsive Width
- User will navigate the app via TV Remote
- Fonts = XFinity-Sans-Fonts.zip
- Design Theme = Up to Designer
- Color Theme = Up to Designer
Required screen sizes:
- HDTV, Blu-ray = 1920px × 1080px
TV Web Apps - News & Lifestyle Pages Design Challenge Requirements
The goal would be to access news and lifestyles providers free content from their sites, or creatively access their content from their Youtube or other free locations.
News brands of focus:
- Fox News
- CNN
Lifestyle brands of focus:
- Food Net
- HGTV
- Travel
Additionally, it would be good to look at access complimentary news content as replacement viewings. Some examples below:
News:
- Yahoo News
- Huffington Post
- Vox
- USA Today
- Quartz
- WSJ
- NewsMax
Lifestyle:
- Tastemade
- Tasty (from Buzz feed)
- Eater (from Vox)
- Thrillist
- iVillage
- Hearst (Cosmo, Good Housekeeping, etc)
- She knows
- StyleHaul
- Michael Phan
Suggestions
- When you are building the different views, ask yourself - what’s different about news and lifestyle? How should i reflect that in my designs.
Some thoughts:
- News - When a person is looking for news, they generally want to know the breaking and most recent news first. Should breaking news be highlighted, treated differently? Should the most recent video be playing by default so they are getting the latest immediately?
- Lifestyle - When you are exploring lifestyle things, what do you care about? Is it more of a discovery mode, just looking for something interesting? Are you looking for content based off of the type of content or content provider?
- Overall - What are effective ways to filter content?
Navigation
Remember a user will be using a remote control. Main navigation controls are: up, down, left, right, playback controls, page up, page down, ok/return, last/back, etc.
Data Model
- You can assume the following general data model or set of data available to you to display.
- You can assume the following information will be available for each video:
-- Title
-- Description
-- Thumbnail image
-- Video URL
-- Section (i.e. “Breaking News”, “Technology”)
-- Content Provider
Features/Design Elements need captured in your submissions are:
- We provided you some design reference to help you design storyboard for this challenge (screenshots.zip)
- How to Navigate/How to Use screen
- Main Navigation
- Sub Navigation
- Logo Placeholder
- Item Highlight/Selection Style
- Filter
- Video Sections
- Thumbnail List/Grid View?
- Full Screen Video?
- Video Player button?
- Quick information for the related video
- How you unique design to display News and Lifestyle?
Target User
- Hercules Potential Customers
- Hercules Current Customers
Judging Criteria
- How well you create/design for Hercules TV Web Apps.
- Cleanliness of your graphics and design
- Think about how user navigate to each content
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
All Requested challenge Submission Requirements stated above.
Source Files
All source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD.
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.