Challenge Summary
Welcome to the Hestia New Platform Phase 2 Catalog UX Design Challenge 2.
For this challenge we need you to focus on enhancing and updating the Hestia B2B customer experience!. The Hestia B2B New Platform is being designed and developed in stages with different levels of functionality. The Hestia design team is currently finishing up Phase 1 of the user experience. We want to jump in and start focusing on Phase 2 of the customer experience and that means updating the design to accomodate functionality that an experienced B2B user expects from the application.
We are looking for you to create (while subtle) a better user experience in our application!
Round 1
Your initial storyboard design solutions for checkpoint feedback:
1. Product Availability Page
2. Category Page
3. Search Result
4. Compare Products
Notes.jpg: Any comments about your design for clients
Round 2
Final storyboard design with updated design based on client checkpoint review
1. Product Availability Page
2. Category Page
3. Search Result
4. Compare Products
Notes.jpg: Any comments about your design for clients
Challenge Details
Hestia always looking to give their customers a better user experience by updating and enhancing the user experiences of their existing websites and applications.For this challenge we need your help to analyze the currrent Phase 1 user experience of the provided screens and update or add new functionality based on the provided requirements to meet our Phase 2 user experience goals.
File Attachments:
Ferguson-StyleGuide-v2.pdf - Hestia New Platform Style Guide
Old-Screenshots.zip - Old Application Screenshots
Note: Send Access Request for these files to our email: amorehead@appirio.com and lunarkid@copilots.topcoder.com
https://drive.google.com/folderview?id=0BxNVnWK-ZGA6WEJSN2pYUk9KRlk&usp=sharing
"Desktop" folder - Reference of Hestia New Platform Desktop version
"Mobile" folder - Reference of Hestia New Platform Mobile version
IMPORTANT!
- DO NOT introduce new styles, you need follow the provided Hestia New Platform Design Style Guide
- We are focused on a "responsive design" experience
- You need submit Desktop (1024px width & height up to your design) and Mobile (320px width & height up to your design) screens for this challenge
- Let us know if there's missing additional files related task below.
Challenge Requirements:
Phase 2. ADVANCE FEATURES
1. Product Availability Page
Old screenshots: Old-Screenshots/product-availability-distribution-center.png & Old-Screenshots/product-availability-local.png
- This page need re-created by following Hestia New Platform design brand.
- This page will show where the product available on these 2 views:
-- Local branch area view
-- Distribution Centers view
- You also need show how to access Product Availability page from Detail page
- We are looking for a better/new UX to show the product availability
- How does this look for mobile?
2. Search Result
Current Desktop screenshot: C-Catalog/1024_c1a-search-results-list.jpg, C-Catalog/1024_c1b-search-results-grid_comparison.jpg & C-Catalog/1024_c1b-search-results-grid.jpg
Current Mobile Screenshot: "Search-Result" folder
2.2 Search Results Sort
- These options need added on current Search Result page:
-- by "Product availability"
-- by "Frequently purchased"
-- by "Best seller for my profile"
3. Compare Products
Current screenshots: C-Catalog/1024_C7a-Product-Comparison_fewer_1.1.jpg & C-Catalog/1024_C7a-Product-Comparison.jpg
- We need increase compare products to support more than 5 than at a time. By default should always show max products to compared. How you suggest the solutions?
- Also need add new ability to add to Cart & My List on each compared product
Target Audience
- Hestia B2B Application user - who is used to and expects this functionality.
Judging Criteria
- How well you create the updated user experience for Phase 2 of the Hestia B2B application
- Cleanliness of your graphics and design.
- User experience for application.
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 for your submission file. IMPORTANT - If you are submitting "small updates or changes" with multiple submissions please include in your notes file what is different or changed - this can be confusing to the client sometimes when they can't tell what is different.
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.