Challenge Summary
Welcome to the Hestia B2B "Customer Service Survey" Design Contest. The goal of this contest is to design storyboards that capture the new Customer Service Survey functionality based on the current Hestia B2B design theme.
At the end of this contest the Client is looking to have a set of clean, intuitive, and easy-to-use designs that meets the project requirements.
Round 1
Your submitted design solution for a review.
Customer-Service-Survey-Screen(s) = Your submitted design solution for a review.
Please provide all screens/steps to show how your Survey would work.
Notes.jpg = A file that explains your design and solution
Round 2
Final All requested items
Customer-Service-Survey-Screen(s) = Final Design.
Please provide all screens/steps to show how your Survey would work.
Notes.jpg = A file that explains your design and solution
Contest Details
Hestia is always looking to give their customers a better user experience. In order to solicit feedback from these customers, an online survey will be provided. Website users will access this survey from a hyperlink/button on the Hestia B2B application homepage. Surveys should be easy and quick for the customer to fill out. The customer should be able to complete a survey in under 5 minutes. You must always refer to GUI Kit (Click this to download) to make your design consistent with the existing Hestia B2B Theme.
Design Requirements
1). Create survey hyperlink/button
- Reference Homepage.psd.zip as a starting point for your design.
- We would like to place a hyperlink/button on this page - It could be called "Grade Us" and placed below the Quote/Order Status box.
- This button should attract/notify the user that they can click here and provide feedback
- Feel free to use initial text of "Tell Us how we're doing". You're encourage to improve the text.
2). Survey Design
- We have an older design (based on the Hestia website - not Hestia B2B). Please download "old-survey-design.zip". You can use this as reference/input in to your new Survey Design.
- The suvey should be in Hestia B2B design
- Previous Survey Design consists of 3 steps. We're looking your suggestions - if we still need this feature.
- Survey Design steps should use a progress indicator. We have similar layout in Checkout Order page (refer to the GUI Kit). You can use this, or suggest a new design look.
- Update all "Next Section" and "Finish & Submit" button to current design of Hestia B2B.
Step 1 : Your Details
--- Update input text into current design
--- Update all selectbox/drop using browser based style
--- Improve form layout arrangement.
--- Suggest NEW correct title design.
--- Need updated validation style.
--- Create any additional screens to explain features of your updated Survey Design
Step 2 : Our Customer Service
--- This page contains survey to measure system usability.
--- We need update content using "System Usability Scale" at page 4 of System-Usability-Scale.pdf. It now using only 10 questions from current 14 questions.
--- Improve ways of selecting values for the questions.
Step 3 : Last Comment / Finish
--- This the last page of Survey Design.
--- Improve this page
--- We're thinking "Finish Thank You" doesnt' work - suggest better placment.
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.
- Please reference the provided GUI PSD Kit to help make your design consistent across the application.
Target User
- Current Customer
- Potential Customer
Judging Criteria
- How well you design and plan out the new survey process/steps
- Cleanliness of your graphics and design
- User Experience
Submission & Source Files
Preview Image
Please create your preview image as one (1) 1024x1024 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
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.