Challenge Summary
Welcome to the Hestia UX Multivariate Button Testing Design Contest I. The goal of this contest is to get the BEST design placement and format for the Check Out button and Quote hyperlink/button on the Hestia Shopping Cart page.
We are trying something new here! We are taking your design updates and testing them to see what is the BEST customer solution. What button is used/preferred by Hestia customers.
Note: This contest is simple! But we need your design viewpoint and skills to make sure the pages look the best for Hestia customers and for implementing and testing.
Contest Details
Recently Hestia has implemented extensive user testing on their B2B application. Hestia wants to improve the overall customer experience of their application and find out why customers like/dislike aspects of the user experiene or site functionality.
This contest is focused Multivariate testing. Multivariate testing is used to find out which content or creative variation produces the best improvement in the defined goals of a website.
Design Problem
This contest is focused on improving the customers user experience on the Hestia "Shopping Cart" page. We are looking to create different variations of the Check Out and Quote buttons/hyperlinks. What is the best color, copy, size for the Check out and Quote actions?
Design Requirements
- Listed below are 27 variations/screens for the Multivariate Cart tests.
- You need to create screens for each button or hyperlink version
- These variations are divided by "color", "copy (text)" and "Size".
- Use the Cart Page PSD as the base of your submission.
Note: Only the specified change is required on each screen (do not combine variations into one screen - we do NOT want Red "Check Out" with Red "Quote" hyperlink - each screen should be its current design with only the requested change)
Checkout/Cart Experiences (Button Design)
Screenshot: Checkout-Experiences.png
1. Button Color: Green, Copy= "Check Out", Button Size: Medium
2. Button Color: Green, Copy= "Buy Now", Size: Button Large
3. Button Color: Green, Copy= "Place Order", Size: Button Small
4. Button Color: Multicolor with Icon, Copy= "Check Out", Button Size: Large
5. Button Color: Multicolor with Icon, Copy= "Buy Now", Button Size: Small
6. Button Color: Multicolor with Icon, Copy= "Place Order", Button Size: Medium
7. Button Color: Red, Copy= "Check Out", Button Size: Small
8. Button Color: Red, Copy= "Buy Now", Button Size: Medium
9. Button Color: Red, Copy= "Place Order", Button Size: Large
Note: Quote should be the current hyperlink design on all the Check Out screen variations
Quote Experiences (Hyperlink Design)
Screenshot: Quote-Experiences.png
1. Color: Blue, Copy= "Quote", Size: Small
2. Color: Blue, Copy= "Get a Quote", Size: Medium
3. Color: Blue, Copy= "Get a Bid", Size: Large
4. Color: Green, Copy= "Quote", Size: Medium
5. Color: Green, Copy= "Get a Quote", Size: Large
6. Color: Green, Copy= "Get a Bid", Size: Small
7. Color: Red, Copy= "Quote", Size: Large
8. Color: Red, Copy= "Get a Quote", Size: Small
9. Color: Red, Copy= "Get a Bid", Size: Medium
Note: Check Out should be the current button design on all the Quote screen variations
Quote Experiences (Button Design)
Screenshot: Quote-Experiences.png
1. Color: Blue, Copy= "Quote", Size: Small
2. Color: Blue, Copy= "Get a Quote", Size: Medium
3. Color: Blue, Copy= "Get a Bid", Size: Large
4. Color: Green, Copy= "Quote", Size: Medium
5. Color: Green, Copy= "Get a Quote", Size: Large
6. Color: Green, Copy= "Get a Bid", Size: Small
7. Color: Red, Copy= "Quote", Size: Large
8. Color: Red, Copy= "Get a Quote", Size: Small
9. Color: Red, Copy= "Get a Bid", Size: Medium
Note: Check Out should be the current button design on all the Quote screen variations
Evaluations/Analytics
- We will post the Analytics once we have them
- We will be having a series of contests like this where we hope to drive the design selection by the Customer results/analytic
- Let us know if you have any questions!
Attached Files
Hestia-LIVE-Cart.jpg
- This is the current/LIVE site - use this as your base (These are the current button/hyperlink colors and placements)
Cart-PSD-Source.psd
- PSD Source (note this is "older" thent he current LIVE site screen)
IMPORTANT
- Keep things consistent. This means all graphic styles should work together.
- We need you stay within Hestia B2B Branding.
Target User
- Potential Customers
- Current Customers
Judging Criteria
- Complete Variations
- Consistency Design with Hestia Theme
- Suggest us which best combination for Checkout button and Quote link
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 or Adobe Illustrator and saved as layered PSD or AI 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.