Challenge Summary
Welcome to the Hestia B2B Merchandising "HVAC and Mechanical" Storyboard Design Contest.
The goal of this contest is to UPDATE the provided Hestia B2B Merchandising and create a few additional web screens based on the provided wireframes and requirements listed below.
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. - Margin beetween sections need to stay consistent. See (Merchandising-Dimension.zip) for Hestia Merchandising dimension references. - Please reference the provided GUI PSD Kit and Graphic Toolbox to help make your graphics design consistent across the application. 1) HVAC HOMEPAGE Main Banner Header for HVAC Page - Size: 520px x 70px. - Margin Bottom: 20px. - Text: HVAC in bold font. - Images: Images or graphics open to designer. - No rounded corners in the banner. Top Area - Featured Items - Notice the images in each featured item have "Breaking The Plane/Border" Layout - Margin between featured items: 8px. - Margin Bottom: 20px. DEAL OF THE DAY - Size: 168px x 140px. - Link: HVAC Deal of the Day. - Images: HVAC\V1599BKSI.JPG - Idea: A generic "Deal of The Day" box would be best. TOOL & SAFETY SPECIALS - Size: 168px x 140px. - Link: Download PDF. - Text: Tool Special. Notes: Please re-use existing "Tool & Safety Specials" graphic. MISC BOX - Size: 168px x 140px. - Link: Product Details Page. - Images: HVAC\W5009622.JPG. - Text: 50 MBH Natural Wall Mount Thermostat Furnace. Middle Area - Slideshow Area - Size: 540px x 210 px. - Margin Bottom: 20px. - Contains 4 slides of content. - Keep the slideshow navigation consistent with the existing design = bottom right of carousel/slideshow. - No rounded corners Slide 1) INDOOR AIR QUALITY - Link: This slide will click to category landing page (Heating & Cooling > Indoor Air Quality). - Images: HVAC\GZLP20201.jpg Slide 2) SEASONAL - Link: This slide will click to detail page. - Images: HVAC\TWA090A400F.JPG Slide 3) HVAC "NEW PRODUCTS" - Link: HVAC New Products Landing Page. - Image: images and graphics open to designer. Slide 4) HVAC INFO - Refrigerant Reclamation - Link: http://www.epa.gov/ozone/title6/608/reclamation/index.html - Images: related to Refrigerant Reclamation . Middle Area Links - PRODUCT CATEGORIES - Dimension: 168px x 220px. - Margin between rows: 10px. - Margin between product: 8px. Product 1) Equipment - Images: HVAC\GSSZ140241.jpg. - Links: Commercial, Parts & Accessories, Residential, More. Product 2) Controls, Sensors, & Zoning - Images: HVAC\HTH4110D1007.jpg. - Links: Thermostats, Thermostat Accessories, Zoning, More. Product 3) Indoor Air Quality - Images: HVAC\CF31224241.jpg. - Links: Air Cleaners, Air Filters, Humidifiers, More. Product 4) Parts & Maintenance - Images: HVAC\MAR11046.jpg. - Links: Capacitors, Motors, Relays, More. Product 5) Installation Supplies - Images: HVAC\REC82612.jpg. - Links: Cements, Cleaners/Primers, Flux, More. Product 6) Pipe, Valves & Fittings - Images: HVAC\Pipe-Fitting-Insulation-.jpg. - Links: Fittings, Pipe & Tubing, Valves, More. 2) MECHANICAL HOMEPAGE Main Banner Header for Mechanical Page. - Size: 520px x 70px. - Margin Bottom: 20px. - Text: Mechanical in bold font. - Images: Images or graphics open to designer. - No rounded corners. Top Area - Featured Items - Notice images in each featured items have "Breaking The Plane/Border" Layout - Margin between featured items: 8px. - Margin Bottom: 20px. DEAL OF THE DAY - Size: 168px x 140px. - Link: Mechanical Deal of the Day. - Images: feature generic graphic (ex: istock #11690728). - Idea: A generic "Deal of The Day" graphic would be best. TOOL & SAFETY SPECIALS - Size: 168px x 140px. - Link: Download PDF. - Text: Tool Special. Notes: Please re-use existing "Tool & Safety Specials" graphic. MISC BOX - Size: 168px x 140px. - Link: Product Details Page. - Images: HVAC\LHARDK20.jpg. - Text: LHARDK20 2 x 20 L Hard Copper Tube. Middle Area - Slideshow Area - Size: 540px x 210 px. - Contains 4 slides of content. - Keep slideshow navigation consistent. - No rounded corners at each slides. Slide 1) COMMERCIAL WATER HEATERS - Link: Links to category landing page (Plumbing> Water Heaters & Accessories>Water Heaters). - Graphics: Please create collage of the 4 types of comm water heaters. See Mechanical\Commercial Water Heaters folder for images. Slide 2) FOCUS ON GREEN - Link: Links to Green landing page. - Images: See Mechanical\Green for some image options. Slide 3) MTR - Link: http://mtr.ferg.com/MTR/mtrsearch.faces - Info: An MTR (mill test report) is a quality assurance document. - Images: similar to istock: #14690798 but featuring a male field worker holding documentation instead. Slide 4) Tools and Safety - Link: Tools and Safety Page. - Graphics: Same as Tool & Safety slide on Plumbing landing page. Middle Area Links - PRODUCT CATEGORIES - Dimension: 168px x 220px. - Margin between rows: 10px. - Margin between product: 8px. Product 1) Fixtures - Images: See Plumbing\Fixtures folder. - Links: Bathing Products, Toilet Seats, Toilets & Urinals, More. Product 2) Hangers - Images: Mechanical\FNW7816Y0075.jpg - Links: Brackets & Clamps, Hangers, Strut, Fittings & Accessories, More. Product 3) HVAC - Images: Mechanical\IPGD336090L001C.jpg - Links: Air Distribution, Commercial Equipment, Insulation Supplies, More. Product 4) Hydronics - Images: Mechanical\BuderusBoiler.jpg - Links: Baseboards, Boilers, Hydronic Supplies, More. Product 5) Pumps - Images: Mechanical\PF93015.jpg - Links: Waster Water & Sewage Pumps, Water Treatment, Water Well Pumps, More. Product 6) Tools & Safety - Images: Mechanical\R32820.jpg - Links: Hand Tools, Pipe/Tubing Tools, Power Tools & Accessories, More. Resources & Requirements - Reference the provided PSD files. - Reference the provided Prototype - notice how everything works together - 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 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 Hestia B2B Merchandising HVAC = Your submitted design solution for a review. Hestia B2B Merchandising Mechanical = 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 Merchandising HVAC = Final design solution for a review. Hestia B2B Merchandising Mechanical = Final design solution for a review. Hestia B2B Slidehow graphic(s) = 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 $1000 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.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. - Margin beetween sections need to stay consistent. See (Merchandising-Dimension.zip) for Hestia Merchandising dimension references. - Please reference the provided GUI PSD Kit and Graphic Toolbox to help make your graphics design consistent across the application. 1) HVAC HOMEPAGE Main Banner Header for HVAC Page - Size: 520px x 70px. - Margin Bottom: 20px. - Text: HVAC in bold font. - Images: Images or graphics open to designer. - No rounded corners in the banner. Top Area - Featured Items - Notice the images in each featured item have "Breaking The Plane/Border" Layout - Margin between featured items: 8px. - Margin Bottom: 20px. DEAL OF THE DAY - Size: 168px x 140px. - Link: HVAC Deal of the Day. - Images: HVAC\V1599BKSI.JPG - Idea: A generic "Deal of The Day" box would be best. TOOL & SAFETY SPECIALS - Size: 168px x 140px. - Link: Download PDF. - Text: Tool Special. Notes: Please re-use existing "Tool & Safety Specials" graphic. MISC BOX - Size: 168px x 140px. - Link: Product Details Page. - Images: HVAC\W5009622.JPG. - Text: 50 MBH Natural Wall Mount Thermostat Furnace. Middle Area - Slideshow Area - Size: 540px x 210 px. - Margin Bottom: 20px. - Contains 4 slides of content. - Keep the slideshow navigation consistent with the existing design = bottom right of carousel/slideshow. - No rounded corners Slide 1) INDOOR AIR QUALITY - Link: This slide will click to category landing page (Heating & Cooling > Indoor Air Quality). - Images: HVAC\GZLP20201.jpg Slide 2) SEASONAL - Link: This slide will click to detail page. - Images: HVAC\TWA090A400F.JPG Slide 3) HVAC "NEW PRODUCTS" - Link: HVAC New Products Landing Page. - Image: images and graphics open to designer. Slide 4) HVAC INFO - Refrigerant Reclamation - Link: http://www.epa.gov/ozone/title6/608/reclamation/index.html - Images: related to Refrigerant Reclamation . Middle Area Links - PRODUCT CATEGORIES - Dimension: 168px x 220px. - Margin between rows: 10px. - Margin between product: 8px. Product 1) Equipment - Images: HVAC\GSSZ140241.jpg. - Links: Commercial, Parts & Accessories, Residential, More. Product 2) Controls, Sensors, & Zoning - Images: HVAC\HTH4110D1007.jpg. - Links: Thermostats, Thermostat Accessories, Zoning, More. Product 3) Indoor Air Quality - Images: HVAC\CF31224241.jpg. - Links: Air Cleaners, Air Filters, Humidifiers, More. Product 4) Parts & Maintenance - Images: HVAC\MAR11046.jpg. - Links: Capacitors, Motors, Relays, More. Product 5) Installation Supplies - Images: HVAC\REC82612.jpg. - Links: Cements, Cleaners/Primers, Flux, More. Product 6) Pipe, Valves & Fittings - Images: HVAC\Pipe-Fitting-Insulation-.jpg. - Links: Fittings, Pipe & Tubing, Valves, More. 2) MECHANICAL HOMEPAGE Main Banner Header for Mechanical Page. - Size: 520px x 70px. - Margin Bottom: 20px. - Text: Mechanical in bold font. - Images: Images or graphics open to designer. - No rounded corners. Top Area - Featured Items - Notice images in each featured items have "Breaking The Plane/Border" Layout - Margin between featured items: 8px. - Margin Bottom: 20px. DEAL OF THE DAY - Size: 168px x 140px. - Link: Mechanical Deal of the Day. - Images: feature generic graphic (ex: istock #11690728). - Idea: A generic "Deal of The Day" graphic would be best. TOOL & SAFETY SPECIALS - Size: 168px x 140px. - Link: Download PDF. - Text: Tool Special. Notes: Please re-use existing "Tool & Safety Specials" graphic. MISC BOX - Size: 168px x 140px. - Link: Product Details Page. - Images: HVAC\LHARDK20.jpg. - Text: LHARDK20 2 x 20 L Hard Copper Tube. Middle Area - Slideshow Area - Size: 540px x 210 px. - Contains 4 slides of content. - Keep slideshow navigation consistent. - No rounded corners at each slides. Slide 1) COMMERCIAL WATER HEATERS - Link: Links to category landing page (Plumbing> Water Heaters & Accessories>Water Heaters). - Graphics: Please create collage of the 4 types of comm water heaters. See Mechanical\Commercial Water Heaters folder for images. Slide 2) FOCUS ON GREEN - Link: Links to Green landing page. - Images: See Mechanical\Green for some image options. Slide 3) MTR - Link: http://mtr.ferg.com/MTR/mtrsearch.faces - Info: An MTR (mill test report) is a quality assurance document. - Images: similar to istock: #14690798 but featuring a male field worker holding documentation instead. Slide 4) Tools and Safety - Link: Tools and Safety Page. - Graphics: Same as Tool & Safety slide on Plumbing landing page. Middle Area Links - PRODUCT CATEGORIES - Dimension: 168px x 220px. - Margin between rows: 10px. - Margin between product: 8px. Product 1) Fixtures - Images: See Plumbing\Fixtures folder. - Links: Bathing Products, Toilet Seats, Toilets & Urinals, More. Product 2) Hangers - Images: Mechanical\FNW7816Y0075.jpg - Links: Brackets & Clamps, Hangers, Strut, Fittings & Accessories, More. Product 3) HVAC - Images: Mechanical\IPGD336090L001C.jpg - Links: Air Distribution, Commercial Equipment, Insulation Supplies, More. Product 4) Hydronics - Images: Mechanical\BuderusBoiler.jpg - Links: Baseboards, Boilers, Hydronic Supplies, More. Product 5) Pumps - Images: Mechanical\PF93015.jpg - Links: Waster Water & Sewage Pumps, Water Treatment, Water Well Pumps, More. Product 6) Tools & Safety - Images: Mechanical\R32820.jpg - Links: Hand Tools, Pipe/Tubing Tools, Power Tools & Accessories, More. Resources & Requirements - Reference the provided PSD files. - Reference the provided Prototype - notice how everything works together - 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 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 Hestia B2B Merchandising HVAC = Your submitted design solution for a review. Hestia B2B Merchandising Mechanical = 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 Merchandising HVAC = Final design solution for a review. Hestia B2B Merchandising Mechanical = Final design solution for a review. Hestia B2B Slidehow graphic(s) = 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.