Challenge Summary
Welcome to the Hestia UX Design Updates - Dashboard Concepts. In this contest we are looking for your NEW design concepts/ideas for the Hestia "Dashboard" on the existing FOL Homepage. We are going to provide you with some our initial sketches/wireframes of thoughts from the client.
Round 1
Your submitted design solution for a review.
1). Find an Order or Quote
2). Start a Quick Order
3). Loyalty Banner
Notes.jpg: Any comments about your design for Client Review
NUMBER YOUR SCREENS (01, 02, 03 etc.) - its easier to review with the client.
Round 2
Final Design
Final Design plus any Milestone updates
Notes.jpg: Any comments about your design for Client Review
NUMBER YOUR SCREENS (01, 02, 03 etc.) - its easier to review with the client.
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 would like you to design concepts for the FOL users "Dashboard" within the right column of the Hestia Homepage.
Design Problem
- Hestia customers need to be able to quickly user their "site tools" when logging into the FOL application
- The current "tools" are not always obvious or stand-out to the Hestia customer
- We would like you to redesign/provide new design concepts for an ALL NEW DASHBOARD (placed in the right column)
- The designs needs to be task orientated - a user needs to be able to login and find/use their tools quickly
Reference files:
See attached files
1a-Dashboard-Wireframe.png
- This should be your "Base" design (current FOL look and feel)
- This screen show the Order status features
- This screen shows the design area for your Dashboard concept (right column)
1b-Dashboard-Wireframe.png
- This screen show the Quick Order features
2-Dashboard-Navigation.jpg
- This screen shows the navigation including "Rewards" - Rewards needs to be in the navigation (look at the top level navigation you will see the word "rewards")
3-Original-Concept.jpg
- This screen shows a Dashboard concept (from previous contest plus the clients updates)
- We want ALL NEW design concepts - do not copy this
- This is to show you the tools plus previous design/idea
3-Whiteboard-Sketch.jpg
- This screen shows some quick client ideas on how to make some of the "action" items larger/bolder - easier for the customer to see
Dashboard Design Items
Note: These are listed in priority
1). Find an Order or Quote
- We need a quick way to search for Order or Quote
- We would like "action" items like "Find" and "Start" to be large and stand out to the user (see 4-Whiteboard-Sketch.jpg)
2). Start a Quick Order
refer to 1b-Dashboard-Wireframe.png
- Include a way for a user to do a Quick Order
- Quick Order inputs should not be more then 3
- Remember to keep existing functionality like "Upload a Product Spreadsheet" and "Copy and Order/Quote"
- You can remove "Request a Special Order Product"
3). Loyalty Banner
- Need to update the Loyalty Points banner and create a smaller version
- Remove Terry/Spokesperson image
- Rewards needs to be in the header (navigation) (see 2-Dashboard-Navigation.jpg)
- We need to capture the 3 different action states of the Loyalty banner. Create separate screens to show different status.
NOTE: UPDATED/CORRECTED! (see attached PROPlus grahics)
1. First Time Customer: Show "PRO Plus Benefits" button + information
2. New Customer: Show "Activiate" Button + information
3. Activated Customer: Show "Redeem Points" button + information
- We already have the Loyalty Points design but need you to reconfigure update for your new Dashboard concept (Homepage.zip)
IMPORTANT
- Review the wireframes - the "important" tools and information needs to stay above the page fold as much as possible - very important!
- All of the graphics should have a similar feel and general aesthetic appearance.
- You should always refer to the Hestia GUI Kit (Click this to download) so your design stays consistent with the existing Hestia B2B Design Theme.
Target User
- Potential Customer
- Current Customer
Judging Criteria
- How well you design a NEW dashboard concept and keep things consistent with the current site design.
- Cleanliness of your graphics and design
- Great 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
Submit JPG/PNG image files based on 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.