Challenge Summary
Contest Summary
Welcome to the FAST Hestia UX Design Updates - Find Your Transaction. The goal of this contest is to update the "Find Transaction Search" existing designs based on the provided requirements.
Round 1
Your submitted design solution for a review.
Initial Design of the "Find Transaction" pages
Notes.jpg: Any comments about your design for the Client
Round 2
Final Design plus andy milestone updates
Notes.jpg: Any comments about your design for the Client
Contest Details
Hestia is always looking to give their customers a better user experience by updating and enhancing the user experience (UX) of their existing websites and web applications. For this contest we would like you to update the "Find Your Transaction" page by required tasks below. Please read more details information below.
Click around at the attached Prototype(fol-prototype-find-an-order.zip) to get familiar with Find Transaction pages and Use Hestia Style Guide to make you always stick with Hestia design theme.
Find Transaction Search Task
Requirements/Updates:
1). Left column
- "Quick Search" is still needed - (after reading the details - does it remain here or does the page design change?)
- Remove the "Search For" section.
- Remove the "Date Range" section.
- Move "Narrow Results" up.
- If a user clicks on "Narrow Results" option it should hide the main search box. (Slide Up/Cover - Need solution so this section not have 2 search boxes at same time).
- We're thinking this maybe no longer left column. Any suggestions on the new placement?
- Suggest new layout for this page after do the updates of left column.
2). Center Column
- Current introduction on landing pages is still needed
- When user click search button, it will replaced current graphics with search result.
- Click on search in the prototype and get the Search Results screen
- Need design show 2 separated search results grouped by "Orders" and "Quotes" (tabs?)
- When developed later, on search results, if a quote shows up it will be "Quotes" tab first, and if an order show it will be open "Orders" tab first.
- You can put existing table design here - this content will stay the same
- On "Orders" tab. A user can select a slider of "date control" where they can pick 3 month increments of time to see. (The database can only pull back 3 months of results at a time) so the idea is the user can "slide" to show a different "3 month window" of results. Please design a solution for this. Note this "date" is replacing the left column "Date Range"
- On "Quotes" tab, no need to display the date slider
IMPORTANT
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance.
Target User
- Potential Customer
- Current Customer
Judging Criteria
- How well you update the Find Transaction, Search Result and keep things consistent with the current site design.
- Cleanliness of your graphics and design
- 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.