Challenge Summary
Welcome to the Hercules University iOS 7 App Rebranding Challenge.
In this challenge we are looking for your solutions to modernize the user experience for our existing University Application to be more inline with iOS 7 Design Standard.
As part of this challenge we would like you to take our existing design screens and make them look more current with IOS7 Design enhancements. Please stay close to the existing branding on our current app (color and fonts), but look to improve the UI and overall experience of interacting with the application. The intended audience of this application are college students so there is an expectation that the UI and design of this application should be current and modern.
Round 1
Initial Design of Hercules University iOS 7 App Rebranding Challenge
1. Guide page
2. VOD page
3. Channel page
4. What's On page
5. Player Page
6. Additional Animation & Navigation screens that help your design
Notes : Any comments about your solutions?
Round 2
Initial Design of Hercules University iOS 7 App Rebranding Challenge
1. Guide page
2. VOD page
3. Channel page
4. What's On page
5. Player Page
6. Additional Animation & Navigation screen that help your design
Notes : Any comments about your solutions, make sure you capture correct flow for every page!
Hercules University Application is application for instantly watch TV shows and movies in HD on any TV or stream them on your computer, tablet, or smartphone.
In this challenge, we need your help do refinement of provided screens outlined below to more inline with iOS 7 Design Standard
Challenge Goals:
- We are NOT looking for a new design just an update current design to make it more modern and iOS7 Design Standard.
- We are inspired by TweetBot application and wants to modernize to have similar look and functionality.
- Here's some site references of TweetBot application to help you familiar with it's User Interface and User Experience.
-- http://www.macstories.net/reviews/tweetbot-3-review-human-after-all/
-- http://9to5mac.com/2013/10/24/tweetbot-3-for-iphone-arrives-gorgeous-new-design-same-great-features/
-- http://www.pinterest.com/bwalles/ios-7-design/
- Design theme must match with completed Hercules Quantum X2 Design on Previous contest:
-- Part-1.7z
-- Part-2.7z
-- Part-3.7z
-- Part-4.7z
-- Part-5.7z
-- Part-6.7z
Submission Format:
- Use 640px x 960px (Retina Portrait sizes) for PSD Source File screen size.
- Submit JPG/PNG images for our review, in 2 following sizes:
-- Retina Size: 640px x 960px
-- Standard Size: 320px x 480px (No need create separate PSD, you can resize while save image using Retina source file)
- Use image placeholder for any Logo and Video thumbnails of this challenge submission.
Submission Requirements:
Main task of this challenge need clean up these screens, rather than create new design for the whole things:
1. Guide page
screenshot: ios7 style ui xoc update.png
- This page is our first priority to enhance.
- Eliminate the "bottom bar menu" and moving things up to the Navigation Bar and Tool Bar. Make sure this update apply to another screen
- How you re-arrange top bar when filled with new buttons?
- How do you format each row of this page?
- What happens when tap each row?
2. VOD page
screenshot: ios7 style ui xoc VOD.png
- This VOD page use grid view for the layout, how do you improve this page?
- Do we need side swipe navigation to scroll thru available programs
3. Channel page
screenshot: ios7 style ui xoc channel.png
- How do you format channel information and What's on page section?
- Include a Channel Detail version of this page
4. What's On page
screenshot: ios7 style ui xoc channel more.png
- How do you format each row of this page?
- Is arrow use best practice for minimum size of tapable button?
- How do you design the separator line?
- Is typography created properly?
- Keep same size for video thumbnails.
5. Player Page
- What happens if you tap a program?
- Show how the video player would look with your application design
6. Additional Animation & Navigation screen
- You may need to mock up additional screens and related pages in addition to the pages detailed above that help illustrate your iOS7 animation and navigation.
- Refer to site references and example application, TweetBot, above in 'Challenge Goals' section for our expected User Experience.
- Do some research and thinking how to make this application more fun and ease to use. Remember, it's for a student audience, so the experience needs to be fun!
Target Audience
- College and University students
Judging Criteria
- Is updated design meet iOS 7 Standard
- How well you create storyboard flow that demonstrate and navigation.
- User Experience of the application.
- Consistency style with X2 Design Theme
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.