Challenge Summary
Welcome to the Hestia B2B "Search Enhancements" Storyboard Contest. The goal of this contest is to produce Storyboards that design and capture the updated and enhanced "Search" workflow functionality.
At the end of this contest the Client is looking to have an clean, intuitive, and easy-to-use design that meets the functional requirements.
Contest Details Hestia B2B is always looking to give their customers a better user experience. The B2B application currently has a "Search" feature which allows a User to search for products and purchase them. The goal of this contest is to make small adjustments to the user experience and update the user interface based on new requirements. We are looking for enhancements to how the B2B Search looks and is displayed within the B2B application. We are NOT looking for a new way to Search - just improvements on the User Interface. Do NOT remove any features from the provided pages. 1) Search Enhancements Reference B2B-Home.png Currently the Product Search is in the top left corner. This should stay in that area of the page but we are looking for new graphic design solutions (look and feel). - Update the Find a Product Search box and Search/Go Button (it should say Search) - Update the Tabs (Shop Locally, Nationally) - just have is say "Locally", "Nationally" - should this feature be displayed as Tabs? When a User does a search we want to show products that are closest to their location (Locally) but still give them the option of seeing all products available (Nationally) - Product Categories are shown on the left and as you click into them they drill down farther into your search (view and compare the left search in B2B-home.png and B2B-search.png) - A User can also click on "View All Categories" and see a pop-out with an index of categories (see B2B-View-All-Categories.png) Site References Here are some references of websites using similar or the same search technology Reference Link 1 Reference Link 2 Reference Link 3 Pay attention to how the Search works (search for something) and how the left column categories are displayed and the Search Results are displayed. 2) Compare Products - After a user does a search you see the search results (see B2B-Search.png) - Search results can be viewed in List or Tile view - Add the ability to Compare Products (Checkbox "select to compare") and the screen you would see when comparing products. 3) Recently Viewed Items - After a user does a search you see the search results and additional "merchandising zones" that show pictures of discounted items, high search items or best sellers. - We would like to see a design of a merchandising zone showing the user "recently viewed items" (based on previous searches or clicks on product details) - This "recently viewed items" zone would be displayed on the Search Results page above or below the search results. 4) Recently Purchased item - A lot of B2B users order and reorder the same items. - We would like a graphic indicator on the Search Results page (and the Cart page) to indicate to the user that specific products have recently been purchased by them (12 month period) - This would remind the User that they are search or reordering the correct item. Target User - Users of the Hestia B2B Application - Assume Users know how to use the Application but are not necessarily web savvy. Judging Criteria - How well you design and update the Search process and requirements - Cleanliness of your graphics and design - User Experience Follow the referenced screenshots and recreate/update the screens and User Experience. (DO NOT REDESIGN THE SITE) but enhance, fix-up, improve the UX. Round 1 Submissions: Use Round 1 of this contest to ask the Client questions and try out your design solution with the Client. Stock Photography Watermarked comp photography from istockphoto.com is allowed in this contest. You must follow these instructions or your submission will fail screening: 1) You must include a completed Third Party Content worksheet. It belongs in your Submission folder/zip file -- NOT your Source folder/zip file. 2) Only use photos, and only use them from iStockPhoto. Other iStockPhoto artwork is not allowed. 3) Be sure to keep the watermark intact. If the image is cropped in such a way that the watermark is not visible, please be sure to include the entire image in your source files so we can see that it is a comp image from iStockphoto.com. Contest Deliverables Round One B2B-Home = Show how your new Search looks on the B2B Home (for client review) B2B-Search-ListView = Show how your new Search looks on the Search list results view (for client review). B2B-Search-TileView = Show how your new Search looks on the Search tile results view (for client review). IMPORTANT: Incorporate the listed updates into your submitted screens Notes.jpg = A file that explains your design and solution Number your screens in the order they should be viewed (example: 01-description.jpg) Round Two B2B-Home = Final Design B2B-Search-ListView = Final Design B2B-Search-TileView = Final Design B2B-View-All-Categories = Final Design Notes.jpg = A file that explains your design and solution Number your screens in the order they should be viewed (example: 01-description.jpg) 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. 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, Gimp, Adobe Illustrator or Inkscape and saved as layered PSD files, AI or EPS files. . Final Fixes As part of the final fixes phase you may be asked to modify fonts (sizes or colors) or modify overall storyboard colors.
Round 1
At the end of Round 1, the Client will choose five (5) Round 1 winners, each will win $100 as Round 1 Milestone Winners. These winners and any member who had a passing submission in round one will be eligible to compete in Round 2 for the additional $1250 in prizes.Round 2
Round 2 will start with the announcement of the Five (5) $100 Round 1 winners and their design review from the Client.Contest Details Hestia B2B is always looking to give their customers a better user experience. The B2B application currently has a "Search" feature which allows a User to search for products and purchase them. The goal of this contest is to make small adjustments to the user experience and update the user interface based on new requirements. We are looking for enhancements to how the B2B Search looks and is displayed within the B2B application. We are NOT looking for a new way to Search - just improvements on the User Interface. Do NOT remove any features from the provided pages. 1) Search Enhancements Reference B2B-Home.png Currently the Product Search is in the top left corner. This should stay in that area of the page but we are looking for new graphic design solutions (look and feel). - Update the Find a Product Search box and Search/Go Button (it should say Search) - Update the Tabs (Shop Locally, Nationally) - just have is say "Locally", "Nationally" - should this feature be displayed as Tabs? When a User does a search we want to show products that are closest to their location (Locally) but still give them the option of seeing all products available (Nationally) - Product Categories are shown on the left and as you click into them they drill down farther into your search (view and compare the left search in B2B-home.png and B2B-search.png) - A User can also click on "View All Categories" and see a pop-out with an index of categories (see B2B-View-All-Categories.png) Site References Here are some references of websites using similar or the same search technology Reference Link 1 Reference Link 2 Reference Link 3 Pay attention to how the Search works (search for something) and how the left column categories are displayed and the Search Results are displayed. 2) Compare Products - After a user does a search you see the search results (see B2B-Search.png) - Search results can be viewed in List or Tile view - Add the ability to Compare Products (Checkbox "select to compare") and the screen you would see when comparing products. 3) Recently Viewed Items - After a user does a search you see the search results and additional "merchandising zones" that show pictures of discounted items, high search items or best sellers. - We would like to see a design of a merchandising zone showing the user "recently viewed items" (based on previous searches or clicks on product details) - This "recently viewed items" zone would be displayed on the Search Results page above or below the search results. 4) Recently Purchased item - A lot of B2B users order and reorder the same items. - We would like a graphic indicator on the Search Results page (and the Cart page) to indicate to the user that specific products have recently been purchased by them (12 month period) - This would remind the User that they are search or reordering the correct item. Target User - Users of the Hestia B2B Application - Assume Users know how to use the Application but are not necessarily web savvy. Judging Criteria - How well you design and update the Search process and requirements - Cleanliness of your graphics and design - User Experience Follow the referenced screenshots and recreate/update the screens and User Experience. (DO NOT REDESIGN THE SITE) but enhance, fix-up, improve the UX. Round 1 Submissions: Use Round 1 of this contest to ask the Client questions and try out your design solution with the Client. Stock Photography Watermarked comp photography from istockphoto.com is allowed in this contest. You must follow these instructions or your submission will fail screening: 1) You must include a completed Third Party Content worksheet. It belongs in your Submission folder/zip file -- NOT your Source folder/zip file. 2) Only use photos, and only use them from iStockPhoto. Other iStockPhoto artwork is not allowed. 3) Be sure to keep the watermark intact. If the image is cropped in such a way that the watermark is not visible, please be sure to include the entire image in your source files so we can see that it is a comp image from iStockphoto.com. Contest Deliverables Round One B2B-Home = Show how your new Search looks on the B2B Home (for client review) B2B-Search-ListView = Show how your new Search looks on the Search list results view (for client review). B2B-Search-TileView = Show how your new Search looks on the Search tile results view (for client review). IMPORTANT: Incorporate the listed updates into your submitted screens Notes.jpg = A file that explains your design and solution Number your screens in the order they should be viewed (example: 01-description.jpg) Round Two B2B-Home = Final Design B2B-Search-ListView = Final Design B2B-Search-TileView = Final Design B2B-View-All-Categories = Final Design Notes.jpg = A file that explains your design and solution Number your screens in the order they should be viewed (example: 01-description.jpg) 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. 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, Gimp, Adobe Illustrator or Inkscape and saved as layered PSD files, AI or EPS files. . Final Fixes As part of the final fixes phase you may be asked to modify fonts (sizes or colors) or modify overall storyboard 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.