Challenge Summary
Welcome to the FAST!!! Hercules Monitoring Landscape View Storyboard Creation Contest. We just completed UI Prototype for Hercules Monitoring, somehow, landscape view need improved for better User Experience. Objective of this contest is to create landscape view designs of our existing application based on details requirements stated below.
In the end of this contest we are looking your ideas how present design more better in landscape view of Hercules Monitoring application. If you have any question, please raise in the forum, let's discuss anything!.
Contest Details
Hercules system application offers client the ability to remotely monitor and manage your Hercules system from Web/Tablet/Handheld Devices.
This application will be developed on Modern Website, Tablet, Handheld on iOS and Android Operating System. On this contest, we need your help to get the updated storyboard that show us how design/layout gonna looks for Landscape orienttaion on Modern Browsers iPad and iPhone.
IMPORTANT
- Do not present new UI elements, you must re-use existing icon/graphics design from provided storyboard.
- We're looking your idea/seuggestions, if you feel landscape view of some page no need designed. Please explains
- Check provided App-Screenshot for Modern Web, iPad and iPhone screenshots.
- We attached existing storyboard design (icons.zip, iPad.zipm iPhone.zip) You need re-use existing design elements.
Hercules Monitoring Landscape View Requirements
1. Modern Web Version
- Keep in mind, your design must works on fluid layout on any variants of browsers size.
a. Home
Screenshot Reference: Website/home-1.jpg, Website/home-2.jpg
Expected Result :
- All the categories (Security, Camera, lights, etc) are not visible without scrolling.
- Existing information should remains
- Need you think how wide screen adapted new design
b. Security
Screenshot Reference: Website/security-1.jpg, Website/security-2.jpg
Expected Result :
- The lock is taking up a ton of space. How can we make everything viewable like portrait view.
- Existing information should remains
- Need you think how wide screen adapted new design
c. Camera
Screenshot Reference: Website/camera-1.jpg, Website/camera-2.jpg
Expected Result :
- For minimum browser maybe have 3 photos in a row? Eliminate the whitespace in the right.
- Should we resize current dimensions? How about the margin/spacing?
d. Lights
Screenshot Reference: Website/lights-1.jpg, Website/lights-2.jpg, Website/lights-3.jpg
Expected Result :
- Any idea improve the box?
- Check spacing on slider, how do we fix this?
d. Thermostat
Screenshot Reference: Website/thermo-1.jpg, Website/thermo-2.jpg
Expected Result :
- How do you think we improve this?
2. iPad Design Version
- Keep in mind, your design must works on fluid layout on any variants of browsers size.
a. Home
Screenshot Reference: iPad/home-1.jpg, iPad/home-2.jpg
Expected Result :
- All the categories (Security, Camera, lights, etc) are not visible without scrolling.
- Existing information should remains
b. Security
Screenshot Reference: iPad/security-1.jpg, iPad/security-2.jpg
Expected Result :
- The lock is taking up a ton of space. How can we make everything viewable like portrait view.
- Existing information should remains
c. Camera
Screenshot Reference: iPad/camera-1.jpg, iPad/camera-2.jpg
Expected Result :
- For minimum browser maybe have 3 photos in a row? Eliminate the whitespace in the right.
- Should we resize current dimensions? How about the margin/spacing?
d. Lights
Screenshot Reference: iPad/lights-1.jpg
Expected Result :
- Any idea improve the box?
- Check spacing on slider, how do we fix this?
d. Thermostat
Screenshot Reference: iPad/thermo-1.jpg, iPad/thermo-2.jpg
Expected Result :
- How can we make everything viewable like portrait view.
3. iPhone Design Version
- Keep in mind, your design must works on fluid layout on any variants of browsers size.
a. Home
Screenshot Reference: iPhone/home-1.jpg, iPhone/home-2.jpg
Expected Result :
- All the categories (Security, Camera, lights, etc) are not visible without scrolling.
- Existing information should remains
b. Security
Screenshot Reference: iPhone/security-1.jpg, iPhone/security-2.jpg
Expected Result :
- The lock is taking up a ton of space. How can we make everything viewable like portrait view.
- Existing information should remains
c. Security Zone
Screenshot Reference: iPhone/security-zone-1.png, iPhone/security-zone-2.png
Expected Result :
- How can we make everything viewable like portrait view.
- Existing information should remains
d. Thermostat
Screenshot Reference: iPhone/thermo-1.jpg, iPhone/thermo-2.jpg
Expected Result :
- How make everything viewable on small screen?
e. History
Screenshot Reference: iPhone/history-1.png, iPhone/history-2.png
Expected Result :
- How can we make everything viewable like portrait view.
Target Audience
Current Customer.
Potential Customer.
Judging Criteria
- User Experience on Landscape view on required browsers platform
- Cleanliness of your graphics and design.
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 image files based on contest submission requirements stated above.
Source Files
All source files of all graphics created in either Adobe Photoshop or Illustrator and saved as editable.
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.