Challenge Summary
Welcome to the Fast!! Hestia B2B Order Summary "Print Version" Design. The goal of this contest is to redesign/fix the layout of the "Print Version" of the Hestia B2B Order Summary page. This "Print Version" will eventually be created using a print.css technique. For this contest we just need your very clear, clean and organized storyboard design.
FAST!! Milestone! - please be aware of the contest timeline
Round 1
Your submitted design solution for a review.
1) Print View Design with 10 products rows and the Total section on the first page
2) Print View Design with less then 10 product rows and the Total section on the first page
Notes.jpg: Any comments about your design for the Client
NUMBER YOUR SCREENS (01, 02, 03 etc.) - its easier to review with the client.
Round 2
Your submitted final design solution
1) Print View Design with 10 products rows and the Total section on the first page
2) Print View Design with less then 10 product rows and the Total section on the first page
3) Print View Design with more then 10 product rows (what does it look like going to multipel pages)
Notes.jpg: Any comments about your design for the Client
NUMBER YOUR SCREENS (01, 02, 03 etc.) - its easier to review with the client.
Contest Details
Hestia is always looking to give their customers a better user experience by providing new and up-to-date features in their B2B Web Application.
For this contest we are looking to improve the "Print Version" of the Order Summary page. We currently have many layout issues with customers needing more product rows to be printed within the first page of their print out.
We currently use a "print.css" file to "print" the Order Summary page. This is only important to you as the designer to realize you have some limitations in your design.
- Keep your design Black & White - some users might want to fax their printout
- No Grayscale
- "print" font sizing
- Note best practices for "table" design for printing
- Browser print page margin - you should plan for at least 1/2 inch on the left and right
Print View Requirements
- Reference the attached PDF's
- Condense the space/padding of the page design
- Keep it simple and legible as a print out
- You must incorporate 10 lines of products, plus the order total area and the footer statement on the first page.
- If a user has more then 10 lines of products the design will then print to multiple pages
- You can make fonts smaller (think of printing)
- You must include the logo (but it can be smaller)
- Your design needs a clear design heirarchy but fonts/things can be smaller
You must include:
- Order Information
- Job Information
- Shipping Information (Note: Instructions require up to 4 separate lines, due to data structure)
- Product Summary (table of products up to 10 products must be possible on the first page)
- Total Area (pieces, order subtotal, inbound freight, outbound freight, tax, order total) but all be "on the first page" unless the products go beyond 10 line items.
Redesign this print out!! What works best?
Note: If your design doesn't allow for 10 product rows and the Total Area within the first page of the print out - you will probably not be considered for a milestone prize.
IMPORTANT
- Keep things consistent. Pay attention to the details!
Target User
- Customers needing to print their order summaries
Judging Criteria
- How well you design the print out within the requirements
- 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 and saved as layered PSD 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.