Challenge Summary
Welcome to the Hercules Field Tech iPad Version Design Contest. The goal of this contest is to creating iPad version based on completed Hercules Field Tech iPhone layout and some specific requirements from client. We encouraged you to suggest us how the application should designed and at the same time optimize the UX of existing design for wider screen on iPad screen.
Round 1
Your submitted solution for client review:
2. Alert/News Search Function
3. Flashlight
4. Sidebar Menu Update
6. File Browser Flow
7. Profile Page Update
10. Updated Wifi Meter Flow
Any comments about your design, make sure all pages have correct flow!
Round 2
Final pages of storyboard contains these flow:
1. Splash Screen
2. Alert/News Search Function
3. Flashlight
4. Sidebar Menu Update
5. SHHC logo update
6. File Browser Flow
7. Profile Page Update
8. Success Modal Design
9. New Einstein Icon
10. Updated Wifi Meter Flow
Any comments about your design, make sure all pages have correct flow!
Hercules is building new application of Hercules Field Tech. This app will contain links and information for the techs and will provide a dashboard with links to various systems and applications that they will use during their daily work.
Contest task is to create another version especially for iPad screen, also some notes from client need capture correctly in your submission design.
IMPORTANT!
- Navigation should be rethought to make use of the iPad's screen size
- The side menu will be replaced by main dashboard screen.
- You need capture all the recent changes for some pages (search, knowledge base, etc). See more details instruction below.
- Format your submission like this following structure folder:
1. 'Standard Images' folder
1.1 'portrait' folder (768 x 1024)
1.2 'landscape' folder (1024 x 768)
2. 'Retina Images' folder
2.1 'portrait' (2048 x 1536)
2.2 'landscape' folder (1536 x 2048)
3. 'Standard Source Files' folder
3.1 'portrait' folder
3.2 'landscape' folder
4. 'Retina Source Files' folder
4.1 'portrait' folder
4.2 'landscape' folder
For this contest submission, just submit the 'Standard' version. Retina version will be task for contest winner.
Recent Changes Design Requirements:
You can use field-tech-old-design.zip as base reference of this storyboard submissions. But there are some updates not captured on that submission. All the latest graphic/solutions need to be presented in the iPad version.
1. Splash Screen
Note: New Design!
Attachment: splash-screen.zip
- Add these splash screens on your iPad version
2. Alert/News Search Function
OLD design:
02-1-iPhone-Retina-Portrait-Dashboard.jpg
02-2-iPhone-Retina-Portrait-Dashboard.jpg
02-3-iPhone-Retina-Portrait-Dashboard.jpg
02-4-iPhone-Retina-Portrait-Dashboard.jpg
NEW design: news-alert-search-flow.zip
- There's a new search function added to the top of page
- Search Result row divided by Alert, News and Knowledge base section.
- Notice the icon updated to blue colored background for grid and list view. You can grab complete icons on attached blue-colored-icon.zip
- You need show flow for Sort/Filter based on Oldest/Newest Date also the Topic (refer news-alert-sorting.zip)
3. Flashlight
Note: New Design!
Attachment: flashlight.zip
- We need add "Flashlight" icon next to Menu button
- Show consistent placement across the page
4. Sidebar Menu Update
OLD Design:
02-5-iPhone-Retina-Portrait-Menu.jpg
NEW Design: sidebar-menu-updates.zip
- Update menu design/graphic like current structure
- We added a new "Feedback" icon
- Also, we replace the Profile icon
5. SHHC logo update
OLD Design:
07-iPhone-Retina-Portrait-External-Link.png
08-1-iPhone-Retina-Portrait-alternate-solution.png
NEW Design: SHHC-Icon.zip
- HHC logo should update to SAHHC logo that show a house with a blue check mark through it.
6. File Browser Flow
OLD design:
06-1-iPhone-Retina-Portrait-File-Browsers.png
06-2-iPhone-Retina-Portrait-Sort-Files.png
NEW design: File-Browsers-Flow-Update.zip
- Added new Topic folder icon
- Capture the flow looks on File Browser page
- Added new Web Link icon
7. Profile Page Update
Note: New Design!
Attachment: Profile-Page.zip
- This is how current profile page look
8. Success Modal Design
Note: New Design!
Attachment: Modal-Success.zip
- Added graphic explains the success message
9. New Einstein Icon
OLD design:
07-iPhone-Retina-Portrait-External-Link.png
08-1-iPhone-Retina-Portrait-alternate-solution.png
Attachment: Einstein-Icon.zip
- Added new Einstein Icon
10. Updated Wifi Meter Flow
OLD design:
04-1-iPhone-Retina-Portrait-Tools.png
04-2-iPhone-Retina-Portrait-Wifi-Monitor.png
04-3-iPhone-Retina-Portrait-Wifi-Monitor.png
04-4-iPhone-Retina-Portrait-Wifi-Monitor.png
NEW: wifi-meter.zip
- Replace the old wifi meter flow like this attached design
Branding Guideline
- The look and feel should be consistent!
- Mimic existing design theme
Target User
- Potential Hercules Customer
- Current Hercules Customer
Judging Criteria
- How well you create iPad version of Hercules Field Tech application.
- Cleanliness of your graphics and design
- Design looks and User Experience
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
All Requested Contest Submission Requirements stated above.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop or Adobe Illustrator and saved as layered PSD or 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.
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.