Challenge Summary
Welcome to the Hestia B2B "My Account Widget" Design Contest. The goal of this contest is to create a NEW "My Account Widget" based on the provided descriptions.
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. This contest is focusing on the current "Account" toolbar and figuring out how it can be integrated better into the Hestia B2B application. User Scenario When a Hestia user signs into Hestia B2B they can search and purchase products. These products have specific pricing and availability preferences based on the contract the user has with Hestia. Currently on certain screens (shopping cart page and during checkout) the user can "change" their pricing/availability preferences if they "happen to have" multiple contracts or warehouse preferences with Hestia. Since these preferences affect many items in the site - we would like to create a "My Account" widget that allows the Hestia user the ability to change their pricing/availability preferences from anywhere in the application. For this contest you will need to create new storyboards where you show how the "My Account Widget" is displayed throughout the Hestia B2B application. We need you to focus on the user experience. What is the best way for a Hestia customer to access and change these preferences? Design Details - My Account Widget needs to be small yet useful - My Account Widget need to be CLEAN and have PROFESSIONAL design. - Where should this interaction go? Top of the page? side of the page? attached to the browser window? - Should all data be displayed at first time? Or is it using toggle functions etc? - Bring us your creativity when building the widget. - Your design must be simple for the user to understand it but also pop to grab user attention. - We're open to any interactions idea when building the design - we will provide feedback in Round 2 on the direction we prefer. - The widget will have edit/save functions. - Refer to GUI Kit to make sure your My Account design have same aesthetic design like existing Hestia B2B Application. Existing content that needs to included: Showing pricing for - Account: C&R PLUMBING - Contract # : Base Showing Availability for - Ordered From: DEV - MC KINNEY, TX 00063 - How to displaying Edit link/button? - How to displaying Save and Cancel link/button? - All if these items are "editable" Please place your "My Account Widget" within screenshots from the prototype pages: - Homepage (fol-prototype-my-account/homepage.html) - My Account (fol-prototype-my-account/change_my_information.html) - Review Order (order-shipto.jpg) - Search Result List (fol-prototype-quote/search_results_list.html) - Cart (cart.html) - Product Details (product_details.html) 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 - User Experience! - How well you create the new "My Account Widget" graphics and keep things consistent with the current site design. - Cleanliness of your graphics and 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 your graphics (sizes or colors) or modify overall colors.
Round 1
Your submitted design solution for a review. My Account Widget Screens Please number your screens (01,02,03,04,05,06 etc)
Round 2
Your submitted design Final All My Account Widget Screens Please number your screens (01,02,03,04,05,06 etc)
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. This contest is focusing on the current "Account" toolbar and figuring out how it can be integrated better into the Hestia B2B application. User Scenario When a Hestia user signs into Hestia B2B they can search and purchase products. These products have specific pricing and availability preferences based on the contract the user has with Hestia. Currently on certain screens (shopping cart page and during checkout) the user can "change" their pricing/availability preferences if they "happen to have" multiple contracts or warehouse preferences with Hestia. Since these preferences affect many items in the site - we would like to create a "My Account" widget that allows the Hestia user the ability to change their pricing/availability preferences from anywhere in the application. For this contest you will need to create new storyboards where you show how the "My Account Widget" is displayed throughout the Hestia B2B application. We need you to focus on the user experience. What is the best way for a Hestia customer to access and change these preferences? Design Details - My Account Widget needs to be small yet useful - My Account Widget need to be CLEAN and have PROFESSIONAL design. - Where should this interaction go? Top of the page? side of the page? attached to the browser window? - Should all data be displayed at first time? Or is it using toggle functions etc? - Bring us your creativity when building the widget. - Your design must be simple for the user to understand it but also pop to grab user attention. - We're open to any interactions idea when building the design - we will provide feedback in Round 2 on the direction we prefer. - The widget will have edit/save functions. - Refer to GUI Kit to make sure your My Account design have same aesthetic design like existing Hestia B2B Application. Existing content that needs to included: Showing pricing for - Account: C&R PLUMBING - Contract # : Base Showing Availability for - Ordered From: DEV - MC KINNEY, TX 00063 - How to displaying Edit link/button? - How to displaying Save and Cancel link/button? - All if these items are "editable" Please place your "My Account Widget" within screenshots from the prototype pages: - Homepage (fol-prototype-my-account/homepage.html) - My Account (fol-prototype-my-account/change_my_information.html) - Review Order (order-shipto.jpg) - Search Result List (fol-prototype-quote/search_results_list.html) - Cart (cart.html) - Product Details (product_details.html) 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 - User Experience! - How well you create the new "My Account Widget" graphics and keep things consistent with the current site design. - Cleanliness of your graphics and 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 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.