Challenge Summary
Welcome to the Hestia UX Multivariate "Job Information" Testing Contest II. The goal of this contest is to get the BEST design for the Job Information Area on the Hestia Shopping Cart page. This is a continuation of our "Multivariate" testing where we are focusing on specific areas of the Hestia B2B application and trying to improve the design and user experience.
We are trying something new here! We are taking your design updates/suggestions and testing them to see what is the BEST customer solution. What "Job Information Area" 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.
Round 1
Your submitted design solution for a client checkpoint review.
- Job Information design examples/improvements
- Notes.jpg: Any comments about your design for the Client
Round 2
Final all requested items
- Job Information design - Final Design
- Any Checkpoint updates/suggestions.
Contest Details
Recently Hestia has implemented extensive user testing on their B2B application. Hestia would like to improve the overall customer experience of their application and find out why customers like or 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 with the "Job Information Area" on the Hestia "Shopping Cart" page. We are looking to create different variations/improvements of the Job Information Area so the user has a better undestanding of the features and a better overall user expeirence. What is the best color, copy, font size for the Job Information actions?
Design Requirements
Review this screenshot: 1-New-Cart-Contest-Task.png
You need to update the design of the "Job Information" area but the design is limited to simple updates. This area needs to be noticed by the customer and also understood as a way to manage their "Job Information".
Job Information Functionality (This is not changing)
Step 1: 1-New-Cart-Contest-Task.png
- Customer reviews their Shopping Cart page
- In the gray "Job Information" area they can see what "Account", "Contract" and what "Warehouse" the products are being ordered from (outlined in Red)
Step 2: 2-New-Cart-Open-(user clicks edit).png
- If the Customer wants to change the "Account", "Contract" or "Warehouse" they can click on "Edit"
- Edit would pop open the "Blue Man" Account Information flyout
- The Customer can now change this information and hit Save. When they hit save the gray "Job Information" area will be updated with the new information.
The focus of this contest is improving the gray "Job Information" bar (noted in the red outline).
- DO NOT redesign or work on the Blue Man Account Information flyout.
Consider updating these design elements:
1. Job Information box size (height)
2. Job Information background color
3. Font Typography/Properties
4. Design for each "Account", "Contract #" and "Ordered Form" sections.
5. Should this area more branded/linked to the (Blue Man) Account Widget flyout? - since its the same functionality?
IMPORTANT
- Keep things consistent. This means all graphic styles should work together.
- You need to stay within Hestia B2B Branding.
Target User
- Current Customer
Judging Criteria
- How well you improve the user experience of the "Job Information" area.
- Consistency Design with the existing Hestia brand.
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.