Challenge Summary
Welcome to the Hestia B2B Message Center Design Contest. The goal of this contest is to create the new Message Center pages and click-paths based on the provided descriptions. This will be an add-on/new area of the Hestia B2B Application. Message Center have ability to modify the Notification Mesage under My Account page within the application.
Round 1
Your submitted workflow design for a review.
Message Center Screen(s)
At least show us
- Home page message center feature
- Message Center home
- Message Center features
Notes Files - Please tell us your thoughts around your design.
Round 2
Your final workflow design
All Final Message Center Screen(s)
Notes Files - Please tell us your thoughts around your design.
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 need you to create storyboards to support the user click-paths within the "Message Center" scenario. We are looking for consistency and good user experience design.
IMPORTANT
- Keep things consistent. This means all graphic styles should work together with My Account pages.
- All of the graphics should have a similar feel and general aesthetic appearance within existing Application like attached fol-prototype-merge.zip.
- Please use and refer to the Hestia B2B Design Resource to help make your design consistent across the existing application.
Message Center Design Requirements
Hestia is looking to create a "Message Center" within their application where B2B users can manage their contact preferences and also manage settings between the application and their mobile devices (Refer to fol-prototype-merge/change_my_preferences.html and My-Account.psd). This is our first attempt to figure out some of the "Message Center" requirements so your feature suggestions are welcome.
Features
The "Message Center" could send customer notifications for these types of situations:
- There are new features of the application
- Site Maintenance Information
- A message when order is ready for pickup
- A message when a order has shipped
- A message from their salesman
- Mobile preferences
- Note: A customer could receives a text message/sms, phone call, email (plain text or HTML) or notification on the appliation home page
- additional suggestions?
Design Items
- Design "Message Center" icon that will be placed under "Address Book" menu in the left sidebar of My Account page.
- What should the message center look like (note the existing application design and preferences design)
- How would the "Message Center" fit/work within the Hestia home page?
- How would the "Message Center" interact with mobile devices?
- The customer should have the the option to turn on/off features/notifications of the Message Center.
- If a Salemsan updates a Quote/Order the customer needs to be notified - how would this look?
- Provide information about Application services, warranties, some featured products, explain about company, upcoming promotions, sales etc.
- If a customer needs to contact/file a complaint - what is the best way to do that within the Message Center? (easy communication)
- Design "Get Help" feature? To help customer understand what the Message Center is.
- Any other features we should put within the Message Center? (do some research)
- Remember, the Message Center needs to be easy to access and navigate! (user experience!)
- Create storyboards/screens that show us the user flow and your solution.
Target User
- Potential Customer
- Current Customer
Judging Criteria
- How well you create the new "Message Center" graphics and keep things consistent with the current site design.
- How well you plan out the click-paths and capture what the user should see. (Bring Great User Experience!)
- Cleanliness of your graphics and design
Submission & Source Files
Preview Image
Please create your preview image as one (1) 800x800 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it. You are free to resize or crop your submission to fit this size, but do not add any filters or elements for dramatic effect, such as drop shadows or reflections.
Submission File
Submit JPG/PNG image files based on contest submission requirements stated above.
Source Files
All original source files. Original source files should be saved as layered Photoshop PSD files or AI / EPS (Illustrator) files.
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.