Challenge Summary
Welcome to the FAST Hestia New Platform Order History Design Challenge. This goal of this challenge is to quickly design the new Order History page with new features and requirements.
This challenge is fast because we have project deadline and artwork sign-off needed next week.
We have a FAST checkpoint so we can get you feedback for the weekend. Join now!
Round 1
Your initial Hestia New Platform Order History Design for client review on Desktop Size (1024px width, height up to your design)
Notes.jpg: Any comments about your design for clients
Round 2
Final Hestia New Platform Order History Design on these following sizes:
1. Desktop Size (1024px width, height up to your design) and
2. Mobile Size (320px width, height up to your design)
Notes.jpg: Any comments about your design for clients
Hestia is always looking to give their customers a better user experience by updating and enhancing the user experiences of their websites and applications.
For this challenge we are looking for you to update the New Hestia Order History to allow our current customers to find their orders. We need to allow them to Search/Filter for their orders. When a customer first arrives on the page they will automatically see the current 90 days worth of orders. Customers can search by date range or order number. Customers can filter by one option (Account, Ordered By, PO, Job Name, Status)
Note: We are providing the site design - please focus on this specific page and user experience
Challenge Downloads:
Request Access on Google Drive (to these emails: amorehead@appirio.com and lunarkid@copilots.topcoder.com)
These Google Drive contains of:
- Current-Order-History - Current Order History design
- Dropdown - Dropdown design style
- Mobile-References - Mobile Design Reference
- Style Guides - Expected Hestia New Platform Style
- WF-References - Client Wireframe Sketch
Submission Format:
- Before you start designing - review the provided design!
- DO NOT introduce new branding - we are providing the branding guidance
- Focus on designing this specific page!
- Read submission sizes on Checkpoint and Final Deadline requirements!
Order History
- Here is the older view (WF-References/Current FOL.png)
- When a customer lands on this page, they will automatically see 90 days worth of orders.
- Customers can search by: 1) Date Range or 2) Order #.
- Customers can only filter by one option (Account, Ordered By, PO, Job Name, Status)
- In the Orders Table there is a hierarchy of information with in each row for an order.
- Orders have sub order numbers.
- Totals are tied to the suborders. See attached image for reference (WF-References/ORder Table Drawing.jpg)
- We need to show 10 orders with a sub orders.
Search/Filter Options
We need to allow users to do Search/Filter for their orders by setting these following options:
- Date Range (Refer WF-References/Calendar.png)
- Account Widget (Main Accounts or Job Accounts). Refer to “Account Widget” folder
- Order
- Ordered By
- My PO#
- Job Name
- Status
Orders Table
- All table columns will be sortable
- Here's the table columns orders (Refer WF-References/ORder Table Drawing.jpg)
-- Order (allow 11 characters, W######### , W must be the first letter)
-- Order Date (00/00/00)
-- Ordered By (10 characters)
-- My PO# (10 characters)
-- Job Name (15 characters)
-- Total ($00,000,000.00)
-- Status (10 characters)
Additional Notes:
- Use dummy table information, do not have repeat table data (we want this to look real)
- Our initial design thought is the Search/Filter area will be above the Orders Table
- Make it clear to the user what their search/filter criteria is
- There are no quotes in Order History
- Create an additional screen to show “no search results”
- (If anyone is familiar) - this design will replace the current Find a Transaction/ Order Inquiry used in the Hestia B2B application.
Target Audience
- Hestia Current Customers
Judging Criteria
- How well you design the Order History and focus on smart user experience design. for Order
- Cleanliness of your graphics and design.
- User Experience.
Submission & Source Files
Preview Image
Please create your preview image as one (1) 1024x768 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Submit JPG/PNG for your submission file. Show correct order numbering!
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.