Challenge Summary
Welcome to the Omega Web App UI Redesign Concepts Challenge! For this challenge we are looking for you to help us come up with design concepts (screens) to re-design an existing web application.
The client for this project has an existing web application that needs a new, improved UI/UX design. This project will only be changing the frontend / UI only (no backend changes are planned).
We look forward to seeing your creative designs!
Round 1
Round 1 will focus on the following screens:
1) Home Page
2) Order Status Search Page
3) Order Status Results Page
4) Item Detail Search Page
5) Item Detail Results Page
NOTE: If anything on these screens is unclear please ask us on the forum and we’ll be happy to help!
Round 2
In Round 2, you will need to include all Round 1 screens (updated based on checkpoint feedback). For Round 2, you must also include all Round 1 screens (1-5) along with the following additional screen:
6) Design Concept Summary - Use this screen to highlight all the above screens you create and as a way to “sell” your design concept. Summarize what is included in your design concept, highlight the key design features and impress us!
Project Overview:
This project is focused on improving the frontend / UX (no backend changes are planned) of the client’s existing web application.
For this challenge, we’re asking you to come up with some design concepts to show possibilities for re-designing the screens in the existing application. We would like you to focus on coming up with design concepts based on the existing screens described below. However, we are also open to any other creative ideas you have for what this new application could do. Your design concepts should showcase any ideas or suggestions you have to improve the existing UI. Impress us with your presentation of the design concepts!
Application Requirements:
The current application is web-based, so the re-designed screens will also be for a web app. This current, internal app is highly used. It receives at least a couple hundred thousand users per week so the re-designed UX needs to be intuitive and easy to use. We would love to see your ideas the help improve usability without slowing down a user (i.e. doesn’t add extra steps to the workflow). Maybe some visual cues to direct the users to specific areas? We are open to your creative ideas for this app re-design!
Submission Requirements:
Screen Size:
- Assume this is standard web application.
- Screen Resolution: 1024×768 pixels wide
- Design should be responsive - Android phone for now, tablet in future perhaps.
Screens:
Your submission should include the following screens and functionality:
1. Home Page
- Application navigation / links to other pages in the app
- Help pop-up
- See ‘1 - Home Page Example.jpg’ for existing application screenshot.
2. Order Status Search Page
- Order search form
- See ‘2 - Order Status Search Page Example.jpg’ for existing application screenshot.
3. Order Detail Results Page
- Results from order search
- See ‘3 - Order Detail Results Page Example.jpg’ for existing application screenshot.
4. Item Detail Search Page
- Item detail search form
- See ‘4 - Item Detail Search Form Example.jpg’ for existing application screenshot.
5. Item Detail Search Results Page
- Search results from an item search
- See ‘5 - Item Detail Search Results Example.jpg’ for existing application screenshot.
Branding and Guidelines:
- Please use colors similar to the existing application (such as the greens and blues). We are open to some creative choices here as long as it isn't too different.
- Please make sure to declare your fonts according to the Studio font policies.
- Show some hover states for the UI elements you create (buttons, hyperlinks, dropdowns, etc) to demonstrate how your design concept would work in the actual application.
Project Documentation:
1) Existing App Screenshots - Provided to give you an idea of the functionality and the look-and-feel (colors, fonts, etc.) of the existing application.
Target Audience:
- Users of the existing application need to quickly determine if stock is available at right locations.
- Field stocking - internal and external users
- Inventory management
- Planning personnel - they look at inventory and item details too
- Shipping personnel
- Service technicians - mobile users
IMPORTANT: The current site is used in daily functions - used to expedite - speed is key!
Judging Criteria:
- Overall look and feel of the design
- Creativity in the design
- Simplicity and consistency in the design (app should be intuitive to use)
- How well you follow the client's branding / design guidelines.
- Any suggestions, interactions and user flows you recommend (provide any notes or comments for the client)
What to Submit:
Preview JPG/PNG Image File
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 ZIP File:
All requested contest requirements/screens as JPG or PNG files.
Source ZIP File:
All fully editable original source files of the submitted design as required by the contest under "Source Files" in the side bar.
Final Fixes:
As part of the final fixes phase you may be asked to complete one round of minor changes to ensure your submission meets the stated requirements of this contest. See more information about Final Fixes here: http://community.topcoder.com/studio/the-process/final-fixes/
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.