Challenge Summary
Welcome to Wake Mobile App Design Challenge by HARMAN!
Harman is a luxury audio and entertainment technology company that designs, develops, and markets audio and entertainment technology for cars, homes, theaters, recording studios, and venues. They manufacturer everything from wireless speakers and headphones to amplifiers and CD and DVD players. Harman has come to Topcoder to bring their application designs under a common design direction. Harman has come to Topcoder to bring their application designs under a common design direction.
We are looking to you to redesign the Wake screens to fit with our new design direction. We want a true cutting-edge experience for users of the high-end products in Harman brand!
Round 1
Submit your design for a Checkpoint feedback:
1. Harman Wake Splash Screen
2. Current Alarms
3. Add Alarm
4. Edit Alarm
5. Find Wireless Speakers
6. Wireless Speaker system
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Final Design plus any Checkpoint feedback:
1. Harman Wake Splash Screen
2. Current Alarms
3. Add Alarm
4. Edit Alarm
5. Find Wireless Speakers
6. Wireless Speaker system
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Challenge Description:
We would like your help in designing mobile applications for Harman customers. Their customers are young and tech-savvy, and often have young families.
Wake: The Wake reference application enables the user to set a background alert to play music through a Harman Wireless speaker at a predefined time. This is a simple application, so we’re looking for something that looks good and makes the best, simple user experience!
The app is like the alarm portion of a mobile device’s clock application. The Wake reference application enables the user to set a background alert to play music through a Harman Wireless speaker at a predefined time.
The app can scan for new speakers and have these added to any given alarm.
The main focus of this is to take the Harman Wake screens and redesign them using the design direction from our newly designed Harman Sing application! We’re providing the new style design PSDs and PNGs, a UI “Effective Design” document and the screens for Wake application that need to be done in the new style.
Design Considerations:
- This is meant for a cross-platform mobile experience. Target portrait cellphone size, but keep both iPad width and landscape layout in mind as a down-the-road possibility
- For mobile platform, assume the current OS for both iOS and Android
Supporting Documents:
- Winning design from Sing: https://dl.dropboxusercontent.com/u/239535718/Sing-Design-files.zip
- Elements - Building Great Apps.pptx https://dl.dropboxusercontent.com/u/239535718/Elements-Building%20Great%20Apps.pptx
Screen Sizes:
- Mobile Resolution: Design for iphone 6 Retina Display 750px * 1334px
- Make sure you create graphic in 'shape' format, so when resize graphics will still look sharp! It will be great if you can provide the landscape version.
Suggested Screens:
1. Harman Splash Screen
- Loading screen for when the user selects to use the application
2- Current Alarms
- Shows the list of alarms already set by the user
- User has ability to add a new Alarm Item
- Each Alarm Item has schedules, which speakers/rooms/zones they are set to play in (including which types of speakers are in each), ability to edit the item
- Each Alarm can have a custom name
3. Add Alarm
- User can add a new Alarm item from any point in the application
- Shows all of the attributes for Alarm items on the UI example: default or custom name, schedules, speakers/zones/rooms, all of the items shown in Wake Design files zip
- When complete, places the new Alarm item within the list of Current Alarms
4. Edit Alarm
- Can be very similar to Add Alarm, but make it clear the user is editing instead of making a new Alarm item
- Allows user to Delete the Alarm item
- Takes user back to the Current Alarms screen when complete or if this item is deleted
5. Find Wireless Speakers
- The app will search for Wireless Speakers by their signals
- Find can be done from any point in the application
- When found, the new speakers can be added to the application’s list and be added to alarms already in place
- Wireless Speaker name defaults to Speaker’s product name, but can be edited for a custom speaker name
6. Wireless Speaker system
- Show the available Wireless Speakers that the application has found, connected to an Alarm item or not
- Indication of the Alarm items to which the Wireless Speaker systemis connected is something to consider
- Editing the names of the Wireless Speakers can be done on this screen - to indicate rooms, zones, names, etc.
Important:
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance
- The provided document Elements-Building Great Apps.pptx should be carefully considered when designing this app - we want something that people will remember and want to use, please don’t copy as they are meant as examples.
Target Audience:
- Tech-savvy Harman customers who need to manage 1 or more alarms to play through a wireless speaker system set up in their house
Judging Criteria:
- How well you plan the user experience and capture your ideas visually
- Cleanliness of your graphics and design
- Your designs should fit the new design direction from the Sing app
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 Adobe Illustrator as a layered 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. We may ask you to update your design or graphics based on checkpoint feedback.
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.