Challenge Summary
Welcome to Gewitter - Page App Mobile UI Design Concepts Challenge..In this challenge, we are looking for help from topcoder community to come up with design concepts for the Page application allows the user to speak from their mobile device into selected Wireless HD enabled speakers within the network.
About the Client:
Gewitter is an electronics company that has come to [topcoder] for our app design expertise!
We have another Gewitter Mobile Application challenge, please have a look:
Gewitter - Wake App Mobile UI Design Concepts Challenge
Round 1
Submit your initial screen for Checkpoint feedback
1) Gewitter Splash Screen (iPhone)
2) Find Wireless Speakers (iPhone)
3) List of Wireless Speaker System (iPhone)
4) Broadcast Voice (iPhone)
5) Manage Speaker Settings (iPhone)
Feel free to add any other additional screens which are necessary to explain your concept.
Notes.jpg: 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 for all the required page with all checkpoint feedback implemented.
1) Gewitter Splash Screen (iPhone + Android)
2) Find Wireless Speakers (iPhone + Android)
3) List of Wireless Speaker System (iPhone + Android)
4) Broadcast Voice (iPhone + Android)
5) Manage Speaker Settings (iPhone + Android)
6) Presentation
Feel free to add any other additional screens which are necessary to explain your concept.
Notes.jpg: Any comments about your design for the Client
Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
For this challenge, we would like your help in designing a mobile application for the Gewitter customers. Their customers are young and tech-savvy, and often have young families. The Page reference application is a new twist on the Intercom systems of old, the Page application allows the user to speak from their mobile device into selected Wireless HD enabled speakers within their network.
Design Guidelines:
- Looking for modern, intuitive user interface, application should be easy to use.
- We want this to look 'techie', but still friendly!
- We have included UI examples to show few design ideas - we want your own original designs for what will look and work best!
- Please show all the screens and provide a user flow/click-path so we can see how the interactions fit together in the application.
- Please follow the design guidelines (color palette) as given in the design direction document!
- Make the screens looks like a native app..
- Will need UI for both Android and iOS using standard UI components.
Screen Sizes:
We need below sizes:
- iPhone Portrait: 640 x 1136 px
- Android Portrait: 320 x 480 px
Design Concept Goals:
- How quickly could you find information?
- What is the clickpath for the application?
- How easily can you find a wireless system and connect to it?
- Think simple but effective solutions! Have fun creating this - let us know how you think it should work!
- We want the user to understand what’s going on from the first glance.
Suggested Screens:
Based on the basic idea of the application, we have framed these screens - feel free to come up with any additional screens to show your design concepts
1) Gewitter Splash Screen
- Loading screen for when the user selects to use the application
- Come up with a simple logo that suits this 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
- What options can be shown for each of the speakers...like "Manage Speaker Settings, Broadcast, Remove Speaker", etc..
- Should we allow users to choose multiple devices and broadcast their voice?
4) Broadcast Voice:
- Allow users to broadcast their voice to the selected speakers
- Should we allow users to record/save the talk that they just broadcasted?
- It will be good to allow users to control the volume of the speaker through this app?
- Come up with any other thoughts that you think will make this application efficient.
5) Manage Speaker Settings:
- It would great to allow the user to edit wireless speakers settings
- They can be edit/indicate the rooms, zones, names, etc. of the speaker.
6) Any other screens which you suggest?
7) Presentation Screen:
- Create a presentation screen!
- Place your designs within an iPhone/Android template! Showcase your submission
- Make sure your presentation screen is included in your submission files
- 1024x768 (4:3 Ratio)
Target Audience:
- A tech-savvy and busy user with a family who have different schedules..
Judging Criteria:
- How well you plan the user experience and capture your ideas visually
- Cleanliness of your graphics and design
- Your design should possible to build and make sense as a mobile application
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.