Challenge Summary
Welcome to the Hestia B2B "Order Review" Storyboard Updates contest. The goal of this contest is to update the "Cart" and "Order Review" process screens of the Hestia B2B Application using the "New" User Interface (UI) graphics.
At the end of this contest the Client is looking to have a clean set of updated Storyboards capturing all the current page requirements in the new B2B look and feel.
Read the Contest Details carefully and let Hestia know if you have any questions.
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. Over the last few months the Studio Community has helped Hestia create a new user interface for the B2B Application. Hestia now needs to convert all the other areas of the B2B Application to the new look and feel. The goal of this contest is to take the existing Hestia B2B "Order Review" page and update the look and feel using the New Hestia B2B site design. Design Guidelines - Please use the 05-B2B-Product-Details.psd as reference to the new B2B Application look and feel - Please use the 06-B2B-Shopping-Cart.psd as reference to the new Shopping Cart page. This is where this Order Review workflow is started. When the user hits the Order button on this page, it will take them to the "Order Review" page. - All page width should be 960px. 1) Shopping Cart page (1 screen) - Update the Cart/Buttons to be consistent with the Product Details Reference (05-B2B-Product-Details.psd) - Update anything else that might not seem correct with the new B2B User Interface 2) Order Review Page (6 screens) - References: 01a-OrderReviewPage.png, 01b-ShippingSelection.png, 01c-ShippingAddressTab.png, 01d-ErrorMessage.png, 02a-NewAddress.png, and 02b-EditAddress.png. - When user is in their Cart (06-B2B-Shopping-Cart.psd) and they hit Order it takes them to "01a-OrderReviewPage.png" - We need the "01a-OrderReviewPage.png" page to be updated to the new look. NO NEW function - just a UI update. - You need to take all UI elements in this page to the new design. - We need updated screens for 01a, 01b, 01c, and 01d as well as the dialog modal design for 02a and 02b. Shipping Information Cartridges - When user hover each address in this tab, they will have a different hover design. - When user select one of the address, they will have different design (please see old design).5-B2B-Product-Details.psd) 3) Confirmation Page (1 screen) - Reference: 01a-OrderReviewPage.png. - User clicks Submit Order they are taken to the confirmation screen "03-Confirmation" 4) Additional Screen, Inquiry Result List Page (1 screen) - Reference: 04-InQuiryResultsList.png - A User goes to look up their past Orders they are presented with "04-InQuiryResultsList.png" - Need this updated to the New look/Feel/Buttons Resources & Requirements - Reference the provided PSD files and design the requested pages in the "New" look - DO NOT redesign the site - keep things consistent. Judging Criteria - How well you create and update the requested Hestia B2B pages - Cleanliness of your graphics, design and ability to stay within the given design reference. Contest Deliverables Round One Order Review Page (6 screens) = Your submitted design solution for a review. Confirmation Page (1 screen) = Your submitted design solution for a review. Inquiry Result List Page (1 screen) = Your submitted design solution for a review. Round Two All Requested Pages = Final Design. 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 fonts (sizes or colors) or modify overall storyboard colors.
Round 1
At the end of Round 1, the Client will choose five (5) Round 1 winners, each will win $50 as Round 1 Milestone Winners. These winners and any member who had a passing submission in round one will be eligible to compete in Round 2 for the additional $1000 in prizes.Round 2
Round 2 will start with the announcement of the Five (5) $50 Round 1 winners and their design review from 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. Over the last few months the Studio Community has helped Hestia create a new user interface for the B2B Application. Hestia now needs to convert all the other areas of the B2B Application to the new look and feel. The goal of this contest is to take the existing Hestia B2B "Order Review" page and update the look and feel using the New Hestia B2B site design. Design Guidelines - Please use the 05-B2B-Product-Details.psd as reference to the new B2B Application look and feel - Please use the 06-B2B-Shopping-Cart.psd as reference to the new Shopping Cart page. This is where this Order Review workflow is started. When the user hits the Order button on this page, it will take them to the "Order Review" page. - All page width should be 960px. 1) Shopping Cart page (1 screen) - Update the Cart/Buttons to be consistent with the Product Details Reference (05-B2B-Product-Details.psd) - Update anything else that might not seem correct with the new B2B User Interface 2) Order Review Page (6 screens) - References: 01a-OrderReviewPage.png, 01b-ShippingSelection.png, 01c-ShippingAddressTab.png, 01d-ErrorMessage.png, 02a-NewAddress.png, and 02b-EditAddress.png. - When user is in their Cart (06-B2B-Shopping-Cart.psd) and they hit Order it takes them to "01a-OrderReviewPage.png" - We need the "01a-OrderReviewPage.png" page to be updated to the new look. NO NEW function - just a UI update. - You need to take all UI elements in this page to the new design. - We need updated screens for 01a, 01b, 01c, and 01d as well as the dialog modal design for 02a and 02b. Shipping Information Cartridges - When user hover each address in this tab, they will have a different hover design. - When user select one of the address, they will have different design (please see old design).5-B2B-Product-Details.psd) 3) Confirmation Page (1 screen) - Reference: 01a-OrderReviewPage.png. - User clicks Submit Order they are taken to the confirmation screen "03-Confirmation" 4) Additional Screen, Inquiry Result List Page (1 screen) - Reference: 04-InQuiryResultsList.png - A User goes to look up their past Orders they are presented with "04-InQuiryResultsList.png" - Need this updated to the New look/Feel/Buttons Resources & Requirements - Reference the provided PSD files and design the requested pages in the "New" look - DO NOT redesign the site - keep things consistent. Judging Criteria - How well you create and update the requested Hestia B2B pages - Cleanliness of your graphics, design and ability to stay within the given design reference. Contest Deliverables Round One Order Review Page (6 screens) = Your submitted design solution for a review. Confirmation Page (1 screen) = Your submitted design solution for a review. Inquiry Result List Page (1 screen) = Your submitted design solution for a review. Round Two All Requested Pages = Final Design. 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 fonts (sizes or colors) or modify overall storyboard 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.