Challenge Summary
Welcome to the Hestia B2B "Hestia B2B General Merchandising Profile" Design Contest.
The goal of this contest is to UPDATE the provided Hestia B2B Home Storyboard and create a few additional web screens based on the provided wireframes and requirements listed.
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. Over the last few months the Studio Community has helped Hestia create a new user interface for the B2B Application. The new site is being tested and we are now working on future changes and updates. For this contest we need you to design and create the merchandising areas listed in the provided wireframe. We have provided copy and images to use in the referenced areas. You can modify/design the provided images to work with your merchandising design. 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. Resources & Requirements IMPORTANT - Keep things consistent. This means all graphic styles should work together. - All of the graphics should have a similar feel and general aesthetic appearance. - Please reference the provided GUI PSD Kit and Graphic Toolbox to help make your design consistent across the application. Reference the provided wireframe and graphics toolkit and create/update your storyboard to handle these merchandising items. Top Area - Featured Items OUTLET - Link: Outlet landing page - Text: Limited time bargains! - Images: something that represents "sale" (ex:price tag) TOOL SPECIALS - Link : Download PDF - Text : Tools for tough jobs - Use generic tool photos (ex:man with tool belt, Man_Hardhat_7744036.jpg) DEAL OF THE DAY -Link: Product Detail page -Images: K42980.jpg Middle Area - Slideshow Area - Same height and width as existing slideshow - Design slideshow navigation Slide 1) PROFLO - Link : Proflo Landing Page - Text : From faucets, fixtures, accessories & bathing products to repair products, pumps and behind-the-wall products, PROFLO delivers style, quality and value. - Images : PROFLO Tagline Slide 2) Tools & Safety - Link: Tools & Safety category landing pg - Text : Find the best MRO products and hand/power tools for your needs - Image : Man_Hardhat_7744036.jpg Slide 3) eBusiness Solutions - Link : to Download eBusiness PDF - Text : Our solutions can help you run your business more efficiently and cost-effectively. - Image : ConstructionWorker_Laptop_OnSite_horizontal.jpg Slide 4) Service & Site features - Link : Service & Site Features landing page - Text : Learn how Ferguson Online can help make your job easier - Image : Laptop_Silver.jpg Middle Area Links - PRODUCT CATEGORIES Residential & Community Plumbing - Images : PF5209CP.jpg Pipe Fittings - Images : C9D.jpg HVAC - Images : RR94LSEN.jpg Pipe & Tubing - Images : LSOFTD60.bmp Valves - Images : 410nb.jpg Demos & Training - Images : Open to your design Bottom Area Links - FEATURED PRODUCTS - Product name will be displayed - Products will link to their specific Detail pages - Images : K42980.jpg, IBADGER5.jpg, LHARDK20.jpg QUICK ORDER AND OML - Create this right column for the Quick Order and OML items. Create this area using PSD objects of each elements based on the provided PSD GUI Kit. Note the smaller column size and adjust the design accordingly. Resources & Requirements - Reference the provided PSD files. - You will need to work within this design to update and create your new pages. Judging Criteria - How well you update & create the new merchandising graphics and keep things consistent with the current site design. - Cleanliness of your graphics and design - User Experience Contest Deliverables Round One Hestia B2B Home Page = Your submitted design solution for a review. Hestia B2B Slidehow graphic(s) - The slide designs that will rotate for client review. Notes.jpg: Any comments about your design for the Client Round Two Hestia B2B Home Page = Final Design Hestia B2B Slideshow graphics - Final Design Note.jpg: Final Comments for the Client 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, images (sizes or colors) or modify overall 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 prizesRound 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 is always looking to give their customers a better user experience by providing new and up-to-date features in their B2B Web Application. Over the last few months the Studio Community has helped Hestia create a new user interface for the B2B Application. The new site is being tested and we are now working on future changes and updates. For this contest we need you to design and create the merchandising areas listed in the provided wireframe. We have provided copy and images to use in the referenced areas. You can modify/design the provided images to work with your merchandising design. 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. Resources & Requirements IMPORTANT - Keep things consistent. This means all graphic styles should work together. - All of the graphics should have a similar feel and general aesthetic appearance. - Please reference the provided GUI PSD Kit and Graphic Toolbox to help make your design consistent across the application. Reference the provided wireframe and graphics toolkit and create/update your storyboard to handle these merchandising items. Top Area - Featured Items OUTLET - Link: Outlet landing page - Text: Limited time bargains! - Images: something that represents "sale" (ex:price tag) TOOL SPECIALS - Link : Download PDF - Text : Tools for tough jobs - Use generic tool photos (ex:man with tool belt, Man_Hardhat_7744036.jpg) DEAL OF THE DAY -Link: Product Detail page -Images: K42980.jpg Middle Area - Slideshow Area - Same height and width as existing slideshow - Design slideshow navigation Slide 1) PROFLO - Link : Proflo Landing Page - Text : From faucets, fixtures, accessories & bathing products to repair products, pumps and behind-the-wall products, PROFLO delivers style, quality and value. - Images : PROFLO Tagline Slide 2) Tools & Safety - Link: Tools & Safety category landing pg - Text : Find the best MRO products and hand/power tools for your needs - Image : Man_Hardhat_7744036.jpg Slide 3) eBusiness Solutions - Link : to Download eBusiness PDF - Text : Our solutions can help you run your business more efficiently and cost-effectively. - Image : ConstructionWorker_Laptop_OnSite_horizontal.jpg Slide 4) Service & Site features - Link : Service & Site Features landing page - Text : Learn how Ferguson Online can help make your job easier - Image : Laptop_Silver.jpg Middle Area Links - PRODUCT CATEGORIES Residential & Community Plumbing - Images : PF5209CP.jpg Pipe Fittings - Images : C9D.jpg HVAC - Images : RR94LSEN.jpg Pipe & Tubing - Images : LSOFTD60.bmp Valves - Images : 410nb.jpg Demos & Training - Images : Open to your design Bottom Area Links - FEATURED PRODUCTS - Product name will be displayed - Products will link to their specific Detail pages - Images : K42980.jpg, IBADGER5.jpg, LHARDK20.jpg QUICK ORDER AND OML - Create this right column for the Quick Order and OML items. Create this area using PSD objects of each elements based on the provided PSD GUI Kit. Note the smaller column size and adjust the design accordingly. Resources & Requirements - Reference the provided PSD files. - You will need to work within this design to update and create your new pages. Judging Criteria - How well you update & create the new merchandising graphics and keep things consistent with the current site design. - Cleanliness of your graphics and design - User Experience Contest Deliverables Round One Hestia B2B Home Page = Your submitted design solution for a review. Hestia B2B Slidehow graphic(s) - The slide designs that will rotate for client review. Notes.jpg: Any comments about your design for the Client Round Two Hestia B2B Home Page = Final Design Hestia B2B Slideshow graphics - Final Design Note.jpg: Final Comments for the Client 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, images (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.