Challenge Summary
Welcome to the Hestia B2B "Merchandising Page (Categories)" Storyboard Contest. The goal of this contest is to produce Storyboards that show Merchandising options centered around "Categories". Specific product categories to be featured on the Hestia B2B website.
At the end of this contest the Client is looking to have an clean, intuitive, and easy-to-use design that meets the design requirements listed below.
Read the Contest Details carefully and let the Client know if you have any questions.
Contest Details Hestia B2B is always looking to give their customers a better user experience. Hestia B2B is now looking to enhance the "Merchandising" used throughout the Hestia B2B website/application with a series of contests. The goal is the create reusable "templates" that can support different types of products and promotions. The Hestia Marketing team would then be able to select different areas of the template to add new items each day/week/month. Merchandising: merchandising is any practice which contributes to the sale of products to a retail consumer. At a retail level, merchandising refers to the variety of products available for sale and the display of those products in such a way that it stimulates interest and entices customers to make a purchase. Category Landing Pages The goal of this contest is to create "Category" Landing pages that would be used throughout the Hestia B2B website. The Category landing pages could contain items such as: - New Products (in that category) - A range of products in a category - Deal or Clearance Items - Brands and Top Vendors - Category specific resources (manuals, helpful tips etc.) - Additional navigation allowing for more specific search Current design items used in web promotional merchandising: - Page Banners - Banner Slideshow with numbers (1,2,3) to click between the slideshow items - Product Spotlights - Brand Spotlights - Please refer to the attached "category-whirlpool-wireframe.jpg" (this is an EXAMPLE ONLY) Example User Scenario & click-path - User lands on Hestia B2B - The User searches for "Tools" - A page returns showing different types of merchandising around New Tools, Specific Tool Manufacturers/Brands, Tools on Sale, Special Deals on Toolsets etc. - The page also shows additional navigation that lets the User narrow their results. - Find and use stock images for your design. - Here is a Tools page that DOES NOT have any merchandising Client Site Link Merchandising Template - The purpose of the template is to allow the Client options in displaying content. - Please refer to the "example-template.jpg" - The software the Client will be using for merchandising refers to each content/block as a "Cartridge" - In this example the Client can put content in each Cartridge (labeled A,B,C,D etc) - Since the Client is aware of a set number of Cartridge sizes they can rearrange the page depending on the type of merchandising they need for that week/month. - example 1: Cartridge A could move below B & C and maybe B & C move upward. - example 2: The Client removes everything and just uses multiple A cartridges on the page. - example 3: The Client uses alternating rows of G & H cartridges. Note: The categories page will have additional left side navigation that will not move (refer to category-whirlpool-wireframe.jpg) Resources & Requirements - We will provide the "New" Hestia B2B header & navigation. - You will need to work within this design to develop your merchandising template - The Client would also like you to provide an additional page of notes detailing your template structure (Cartridge sizes, alternate Cartridge layouts) Site References Here are some other site references Example 1 (search for water heater) Example 2 Pay attention to how they promote within categories. 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 create the "Categories" Merchandising Landing Pages - Cleanliness of your graphics and design - User Experience Reference Files - Use the provided color palette - Use the provided header and navigation design - Review the provided wireframes (examples!) 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 Category Template = Your submitted design solution for a review Category Grid = Notes & diagrams about your design (encouraged but not required) Round Two Category Template = Final Design Category Grid = Final Notes & diagrams about your design (encouraged but not required) 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 $50 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 $750 in prizes.Round 2
Round 2 will start with the announcement of the Five (5) $50 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. Hestia B2B is now looking to enhance the "Merchandising" used throughout the Hestia B2B website/application with a series of contests. The goal is the create reusable "templates" that can support different types of products and promotions. The Hestia Marketing team would then be able to select different areas of the template to add new items each day/week/month. Merchandising: merchandising is any practice which contributes to the sale of products to a retail consumer. At a retail level, merchandising refers to the variety of products available for sale and the display of those products in such a way that it stimulates interest and entices customers to make a purchase. Category Landing Pages The goal of this contest is to create "Category" Landing pages that would be used throughout the Hestia B2B website. The Category landing pages could contain items such as: - New Products (in that category) - A range of products in a category - Deal or Clearance Items - Brands and Top Vendors - Category specific resources (manuals, helpful tips etc.) - Additional navigation allowing for more specific search Current design items used in web promotional merchandising: - Page Banners - Banner Slideshow with numbers (1,2,3) to click between the slideshow items - Product Spotlights - Brand Spotlights - Please refer to the attached "category-whirlpool-wireframe.jpg" (this is an EXAMPLE ONLY) Example User Scenario & click-path - User lands on Hestia B2B - The User searches for "Tools" - A page returns showing different types of merchandising around New Tools, Specific Tool Manufacturers/Brands, Tools on Sale, Special Deals on Toolsets etc. - The page also shows additional navigation that lets the User narrow their results. - Find and use stock images for your design. - Here is a Tools page that DOES NOT have any merchandising Client Site Link Merchandising Template - The purpose of the template is to allow the Client options in displaying content. - Please refer to the "example-template.jpg" - The software the Client will be using for merchandising refers to each content/block as a "Cartridge" - In this example the Client can put content in each Cartridge (labeled A,B,C,D etc) - Since the Client is aware of a set number of Cartridge sizes they can rearrange the page depending on the type of merchandising they need for that week/month. - example 1: Cartridge A could move below B & C and maybe B & C move upward. - example 2: The Client removes everything and just uses multiple A cartridges on the page. - example 3: The Client uses alternating rows of G & H cartridges. Note: The categories page will have additional left side navigation that will not move (refer to category-whirlpool-wireframe.jpg) Resources & Requirements - We will provide the "New" Hestia B2B header & navigation. - You will need to work within this design to develop your merchandising template - The Client would also like you to provide an additional page of notes detailing your template structure (Cartridge sizes, alternate Cartridge layouts) Site References Here are some other site references Example 1 (search for water heater) Example 2 Pay attention to how they promote within categories. 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 create the "Categories" Merchandising Landing Pages - Cleanliness of your graphics and design - User Experience Reference Files - Use the provided color palette - Use the provided header and navigation design - Review the provided wireframes (examples!) 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 Category Template = Your submitted design solution for a review Category Grid = Notes & diagrams about your design (encouraged but not required) Round Two Category Template = Final Design Category Grid = Final Notes & diagrams about your design (encouraged but not required) 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.