Challenge Summary
Welcome to the FAST 48Hr Hercules Field Tech iPad Menu Design Update Contest.
The goal of this contest is to update Menu Flow and Layout of Hercules Field Tech application on iPad version and some requirements based on client sketch design.
We encouraged you to suggest us how the application should designed and also improve the User Experience of existing design for wider screen on iPad screen.
This is only 1 Round Contest.
Submission Phase only 48Hr. Please submit soon! We need final submissions ready at Monday Morning EST!
Hercules building new application of Hercules Field Tech. This app purpose is provide company news/information for their employee. Also dashboard with links to various systems and applications that they will use during their daily work.
Contest task is update top menu on iPad screen, also some requirements from client based on client sketch need capture correctly in your submission design.
IMPORTANT!
- Format your submission like this following structure folder:
- ipad-retina
-- 'portrait' (1536 x 2048)
-- 'landscape' folder (2048 x 1536)
-- 'source' folder
- ipad-standard
-- 'portrait' (768 x 1024)
-- 'landscape' folder (1024 x 768)
-- 'source' folder
For this contest submission, just submit the iPad 'Standard' version on both Portrait and Landscape view. Retina version will be task for contest winner.
Design Requirements:
- Use menu-icons.zip & alert-news-search.zip as base of design updates.
- Client provide their design sketch updates, see attachment (Updated iPad Wireframes v3.pdf).This sketch design just a starting point, suggest us better User Experience on your submission.
Page 1
- Remove top header from page design, arrange the page after header removal.
- Static menu on top show up all the times.
- Match top navigation menu ordering:
-- TechNet
-- Alert & News
-- Tools
-- Knowledge Base
-- Time Entry
-- Customer Education (Create this NEW icon)
-- Feedback
-- Team Comcast
-- Profile
-- Logout
- Re-use existing icons for top navigation menu stated above.
- Apply red badge/indicator to top right corner of Alerts & News menu item if any new items are pushed.
Page 2
- This will be same solution as page 1 applied to landscape view
Page 3
- When Tools menu button is selected, sub-bar menu to be displayed under menu bar
- Add horizontal scrolls to the sub-bar and show an arrow to demonstrate there are more items to see
- Create separate screens with and without the browser navigation.
- How the flow designed?
Page 4
- This page show when clicked "Knowledge Base" menu.
- Need left sidebar of “Knowledge Base Categories”. How categories looks?
- Click left sidebar link will show on the right side.
- WordPress article placed to the right of the category side bar
- Search bar placed on top of categories and articles. How search result looks?
- Create WordPress navigation footer
Page 5
- This page show when clicked "Alert/News" menu. need
- Default to grid view, show us how list view looks.
- Place the “alerts” items on top with one row
- Place the “news” items below with three row items
- Add vertical scroll to news and alerts view
- Also need search bar placed on top
Target User
- Hercules Internal Employee
Judging Criteria
- How well you thinking update of Hercules Field Tech app flow.
- Cleanliness of your graphics and design
- Design looks and User Experience
- Consistency with existing style theme.
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.
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.