Challenge Summary
Welcome to the Hestia "My Account Profile" Rework Storyboard Design Contest. The goal of this contest is to update the design and rework the My Account area of the Hestia B2B Application to accommodate new features.
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 completely new user interface for their B2B Application. For this contest we need you to rework and add to the the design of the My Account Screens new features. Hestia customers who want to: - Manage Saved Credit Cards (Add/Delete/Name Multiple Credit Card Accounts) - Manage payments using their linked bank account. - Select their default payment method (Payment on Account or Credit Card) - "See" shared Credit Cards (Credit Cards that maybe the Owner has assigned to the User) - Mange and set personal alerts (A user wants to be alerted with their account goes over $1,000 etc) - Manage their "Ship-To" Address Book (this is where they can add or remove shipping address) - Manage their default shipping Address - Mange or Select their preferred Hestia location (via the Location Finder) - Manage their current My Preferences (these items will stay the same) - Manage their Hestia B2B Account Information - Manage their Password and Email. - Mange their image preferences (should product images within the application be turned on or off all the time) Note 1: We will need a consistent "Save/Update" design and message. Note 2: Go to the provided prototype and open "change_my_email.html" - You can keep this "My Account" design (tabs) or provide us with a new solution. - Make sure you keep the "graphic design" consistent with the application (buttons, colors etc) - Does this area get broken up differently? (Account Preferences, Shipping Preferences, Payment Preferences etc?) Note 3: Go to the provided Credit Card prototype to see how that process works. You will be designing the users management screens for their Credit Cards and Shipping options. Scenarios Customers can make a payment on their account via credit card or direct from their linked bank account. We need some ideas to represents how to display them. Scenario 1: Customer has charged $825.00 to their Hestia account. They want to make a payment of $500 by a saved credit card. Scenario 2: Customer wants to set a personal alert for when their account goes over $1,000. The next week, their account hits $1200.00 Scenario 3: Customer wants to link their bank account with their Hestia account. They want to transfer $500 from their bank and apply it to their Hestia account. Research!! - Look at other web sites and how do they handle their Account areas? (Amazon, ebay, banks? etc) - How do the handle Credit Cards preferences and e-wallets? - Help us make this area much more efficient and useful to the Hestia B2B customer Resources & Requirements IMPORTANT - Keep things consistent. This means all graphics styles should work together. - Please reference the provided GUI PSD Kit and Hestia Style Guide to help make all UI Elements consistent across the application. - Your designs width must be fit in 960px like existing designs. Target User - Potential Customer - Current Customer Judging Criteria - How well you update & create the new "My Account Profile" graphics 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. (PSD files - documented) 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
My Account Profile(s) = Your submitted design solution for a review. Notes.jpg: Any comments about your design for the ClientRound 2
Final My Account Profile(s) = Final All requested items Notes.jpg: Any comments about your design for the ClientContest 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 completely new user interface for their B2B Application. For this contest we need you to rework and add to the the design of the My Account Screens new features. Hestia customers who want to: - Manage Saved Credit Cards (Add/Delete/Name Multiple Credit Card Accounts) - Manage payments using their linked bank account. - Select their default payment method (Payment on Account or Credit Card) - "See" shared Credit Cards (Credit Cards that maybe the Owner has assigned to the User) - Mange and set personal alerts (A user wants to be alerted with their account goes over $1,000 etc) - Manage their "Ship-To" Address Book (this is where they can add or remove shipping address) - Manage their default shipping Address - Mange or Select their preferred Hestia location (via the Location Finder) - Manage their current My Preferences (these items will stay the same) - Manage their Hestia B2B Account Information - Manage their Password and Email. - Mange their image preferences (should product images within the application be turned on or off all the time) Note 1: We will need a consistent "Save/Update" design and message. Note 2: Go to the provided prototype and open "change_my_email.html" - You can keep this "My Account" design (tabs) or provide us with a new solution. - Make sure you keep the "graphic design" consistent with the application (buttons, colors etc) - Does this area get broken up differently? (Account Preferences, Shipping Preferences, Payment Preferences etc?) Note 3: Go to the provided Credit Card prototype to see how that process works. You will be designing the users management screens for their Credit Cards and Shipping options. Scenarios Customers can make a payment on their account via credit card or direct from their linked bank account. We need some ideas to represents how to display them. Scenario 1: Customer has charged $825.00 to their Hestia account. They want to make a payment of $500 by a saved credit card. Scenario 2: Customer wants to set a personal alert for when their account goes over $1,000. The next week, their account hits $1200.00 Scenario 3: Customer wants to link their bank account with their Hestia account. They want to transfer $500 from their bank and apply it to their Hestia account. Research!! - Look at other web sites and how do they handle their Account areas? (Amazon, ebay, banks? etc) - How do the handle Credit Cards preferences and e-wallets? - Help us make this area much more efficient and useful to the Hestia B2B customer Resources & Requirements IMPORTANT - Keep things consistent. This means all graphics styles should work together. - Please reference the provided GUI PSD Kit and Hestia Style Guide to help make all UI Elements consistent across the application. - Your designs width must be fit in 960px like existing designs. Target User - Potential Customer - Current Customer Judging Criteria - How well you update & create the new "My Account Profile" graphics 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. (PSD files - documented) 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.