Challenge Summary
Welcome to Page 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.
We are looking to you to redesign the Wake and Page screens to fit with our new design direction. We want a true cutting-edge experience for users of the high-end products in the Harman brand!
Round 1
Submit your design for a Checkpoint feedback:
1. Splash Screen
2. Find Wireless Speakers
3. Wireless Speaker system
4. Broadcast Voice
5. Manage Speaker Settings
- 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. Splash Screen
2. Find Wireless Speakers
3. Wireless Speaker system
4. Broadcast Voice
5. Manage Speaker Settings
- 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.
Page: The Page reference application is a new twist on Intercom systems. The Page application allows the user to speak from their mobile device into selected Wireless HD enabled speakers within their network.
The main focus of this is to take the Harman Page 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 Page 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. Splash Screen:
- Loading screen for when the user selects to use the application.
2. 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..
- Wireless Speaker name defaults to Speaker’s product name, but can be edited for a custom speaker name
3. List of Wireless Speaker System:
- Show a list of available Wireless Speakers that the application has found
- Options can be shown for each of the speakers...like "Manage Speaker Settings, Broadcast, Remove Speaker", etc..
- Allow users to choose multiple devices and broadcast their voice
4. Broadcast Voice:
- Allow users to broadcast their voice to the selected speakers
- Users should be able to save/record their broadcasts
- Allow users to control the volume of the speaker through this app
5. Manage Speaker Settings:
- Allow the user to edit wireless speakers settings
- They can be edit/indicate the rooms, zones, names, etc. of the speaker.
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 with families or housemates with different schedules and locations within a 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.