Challenge Summary
Welcome to "Interlochen Media - iOS Screen Design Challenge [Swiftoberfest]". In this challenge we are looking for the Studio Community to help us in designing Interlochen’s new media app for the mobile.
The nonprofit Interlochen Center for the Arts is a recipient of the National Medal of Arts and the only organization in the world that brings together: a 2,500-student summer camp program; a 500-student fine arts boarding high school; opportunities for hundreds of adults to engage in fulfilling artistic and creative programs; two 24-hour listener-supported public radio stations (classical music and news); more than 600 arts presentations annually by students, faculty and world-renowned guest artists; a global alumni base spanning eight decades, including leaders in the arts and all other endeavors. For information, visit Interlochen online at www.interlochen.org.
This mobile app will be used by Interlochen as a central location to showcase the quality and diversity of their programs. In addition, the app will help promote the arts by allowing users to view videos of live performances and listen to recordings of concerts. We are looking forward to your participation in this challenge!
Round 1
Submit your Initial Designs for Checkpoint Feedback:
01 - Splash Screen
02 - Home Screen
- Notes.jpg: Please note any comments about your design for the Client
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Your Final designs with all Checkpoint Feedback implemented:
01 - Splash Screen
02 - Home Screen
03 - Detail Screen
04 - List Screen
- Notes.jpg: Please note any comments about your design for the Client
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
The goal of this challenge is to design the screens described below and use Interlochen’s branding and colors in your designs. This iOS app will showcase the quality and diversity of Interlochen’s programs and allow users to view videos of live performances or listen to recordings of concerts. Although this app will be available for both iPhone and iPad, for this challenge you only need to design the screens for the iPhone. For this challenge we are looking for the best UI/UX possibility and designs that are creative, clean and professional.
Design Considerations
- This is a native iOS app that will be available for both iPhone and iPad but for this challenge you only need to design the screens for the iPhone.
- Client is in a creative field and is looking for a creative design
- Think Netflix, Hulu, IMDB or App Store, that is, you can scroll through suggested items, tap to play or view the details
- Simple, Professional, Easy to Use, and Clean mobile/application design
- Make sure all elements in your designs are vectors, so they can be resized to any size.
- Keep things consistent. This means all graphic styles should work together.
- Please keep the Apple iOS Design Standards in mind
(https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/)
Design Size:
- Design the screens for an iPhone 6 : 750px x 1334px
Branding Guidelines:
Colors: Please follow the client’s branding guidelines, attached to this challenge
Typography:
- please use Avenir Next font, attached to this challenge
- if you’re unable to load the font onto your computer, then use Arial
Logo: both .eps and .png formats are attached to this challenge
Images:
- look at the client’s website for images (http://www.interlochen.org/)
- stock art or stock photography is NOT allowed
Supporting Documents:
Font : Avenir_Next.ttc.zip
Logos:
- logo_ica_white.eps
- logo_ica_white.png
Brand standards:
- Interlochen_Graphic_Standards_2014.pdf
- Interlochen_web_palette.pdf
Information Architecture:
Content will be arranged in categories
Each category will have 15+ items in it unless noted otherwise
Content type will be either Video or Audio
Each content item will have the following information available for your use:
- Image
- Title
- Description
Examples of Content:
Featured: http://www.interlochen.org/media/archived-webcast-world-youth-symphony-orchestra-and-les-pr-ludes-jung-ho-pak-conductor-jeffrey
Performance: http://academy.interlochen.org/media/video-arts-academy-theatre-west-side-story
Radio Podcast: http://interlochenpublicradio.org/post/nutcracker-chestnut-week-green-room
Web cam: http://live.interlochen.org/webcam/osterlin-mall
Required Screens:
01 - Splash Screen
This screen will be displayed while the app is loading and will be the first impression the users have of Interlochen
The elements we need on this screen are:
- Logo
- Loading widget
02 - Home Screen
The home screen will have the following:
- Logo in the Navigation Bar
- Content will be arranged in categories, listed below in order of importance
- Ability to see all items in a list
- Ability to see an item details
Content Categories:
- Featured
-- There will only be 6 to 8 featured items in this category
-- Content in this category could be either Video or Audio
- Radio
-- Audio only and will include:
--- Radio Podcasts
--- Live Radio (Interlochen Public Radio)
---- There are 2 live radio feeds: News and Classical
---- The live radio feeds should either be separate from the podcasts or always be the first 2 items in the list
- Performances
-- Video only
- Explore
-- additional performances - video or audio
-- campus web cams
--- Corson Auditorium
--- Dendrinos Chapel and Recital Hall
--- Osterlin Mall Webcam
--- Visual Arts Gallery Webcam
03 - Detail Screen
Detail Screen will have the following:
- The logo in the Navigation Bar
- A way for user to return to previous screen
- Image, Title and Description of the content
- Ability to play the content
04 - List Screen
From the home screen, a user should be able to see a list of all the items in a category
List Screen will have the following:
- The logo in the Navigation Bar
- A way for user to return to previous screen
- List of items for the category the user tapped on
- From a item in the list a user can:
-- Play the content
-- View details for that content
Note: The winner may be asked to complete a secondary task (for additional payment) to create the application desktop icon (template).
Target Audience:
Anyone with an iPhone who supports the arts in general and Interlochen specifically
Judging Criteria:
- Application of Interlochen’s brand guidelines
- Originality and design execution
- Quality of graphics
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.
Do NOT use Artboards - Use a single PSD storyboard for each unique “page” plus it’s related alternate views/popups etc.
- Adobe Illustrator (AI) source files are not allowed.
- Logically group all PSD source file layers AND label both your individual layers and groups logically.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.
The winner may be asked to complete a secondary task (for additional payment) to create the application desktop icon (template).
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.