Challenge Summary
Ferguson has been designing and building their new web site the last few weeks using Studio TopCoder. Now its time to have some fun and create interactive elements! The first interactive item is going to be the "Style Quiz". The Style Quiz is going to help user's identify what type of design style they prefer. The goal of this contest is to design and develop some initial storyboards based on the provided Ferguson.com design.
Ferguson is a leading distributor of plumbing supplies and pipes, valves and fittings (PVF) as well as heating and cooling equipment (HVAC).
This contest will be run in the Studio Tournament format. Please read the contest specification and watch the forums for any questions or feedback concerning this contest. 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.
Studio Tournament Format This competition will be run as a two-round tournament with a total prize purse of $1250. Round One (1) At the end of Round One, Ferguson will choose FIVE (5) review winners; each will win $50 and a Design Review. 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 prizes. Round Two (2) Round 2 will start with the announcement of the Five $50 Round 1 winners and the posting of their design reviews in the contest forum. ------------------------------------------------------------------------ We are now in Round 2 Congratulations Round 1 Winners on your $50 Prizes: 20802 - gh3ablo 20876 - iamtong 20884 - abedavera 20888 - RatsOnParade Overall Feedback - On the results page, add a "print results" and "request a showroom appointment" link - Add a person to help draw the viewer into the experience (see the Request a Showroom design) - Attached to the contest are real images for the Style Quiz Please number each image in the order they should be viewed! Nice job! Good luck in Round 2 ------------------------------------------------------------------------ Overview In this contest you will take the provided storyboards and create your Style Quiz design based on the provided requirements. Style Quiz Requirements: The Style Quiz will be a modal window or additional page possibly built in Flash or Javascript. (Let us know your thoughts) Step 1: First page of the Style Quiz - Tagline: What style are you?, What's your style? (open to your suggestions) - Small marketing blurb about the style quiz - Images that introduce/sell the style quiz (intro page) Step 2-10: Second page of the Style Quiz - User selects from a series of images that have been given ratings (10 questions) - After the 10 selections are made the user is presented with their preferred style: Traditional, Transitional, or Contemporary (or a mix of designs) Last Step: Storyboard that shows your "Style" - "My Stye is" "You like the Traditional Style" (open to your suggestions) - User sees their "Style" name - Paragraph explaining their style - Photo representative if their style - Product selection based on their style Interaction Example: When a user hovers over an image they get an indication to click the image- when they click an image the screen changes to the next "set" of images. The most important aspect of this page is providing a very easy to understand user experience. The user should not have to think about what to click, where to go or how to find information. They should be focused on the information displayed and not the interactions themselves. What we are looking for: 1) A good start to how the Style Quiz should look, work and interact with the user. 2) We are open to your suggestions and ideas 3) The business saw this interaction and would like something similar (Sample Link) Design Considerations - Make a fun Style Quiz! - Showing an intuitive interface - Creating a clean, simple and professional design. Visitors to the side include: - Homeowner/Consumer/Remodeler - Professionals (HVAC, Waterworks, Commercial, Residential, Industry & Specialty) - Vendors - Investor - Career-seeker - Associate - People curious about Ferguson 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 StyleQuiz-1.jpg = Step 1: Your design idea StyleQuiz-2.jpg = Step 2: Your design idea StyleQuiz-3.jpg = Last Step: Your design idea Notes.txt= Any comments, suggestions or explanations of your design for the client. Round Two StyleQuiz-1.jpg = Step 1: Your final design StyleQuiz-2.jpg = Step 2: Your final design StyleQuiz-3.jpg = Last Step: Your final design Additional Pages = Use the provided images and add the additional pages. Notes.txt= Any comments, suggestions or explanations of your design for the client. You must submit all requested deliverables to be considered for prizes - you may submit more pages if necessary to show your design (please place them in a numerical order) Judging Criteria Your submission will be judged on the following: - Your creative approach - How well your design works with the provided design - Your interaction suggestions. Submission & Source Files Preview Image Please create your preview image as one (1) 1024x1024 JPG or PNG file in RGB color mode at 72dpi and place your submissions 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 Deliverables in JPG or PNG file format in RGB color mode at 72dpi. plus your notes.txt file 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.
Studio Tournament Format This competition will be run as a two-round tournament with a total prize purse of $1250. Round One (1) At the end of Round One, Ferguson will choose FIVE (5) review winners; each will win $50 and a Design Review. 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 prizes. Round Two (2) Round 2 will start with the announcement of the Five $50 Round 1 winners and the posting of their design reviews in the contest forum. ------------------------------------------------------------------------ We are now in Round 2 Congratulations Round 1 Winners on your $50 Prizes: 20802 - gh3ablo 20876 - iamtong 20884 - abedavera 20888 - RatsOnParade Overall Feedback - On the results page, add a "print results" and "request a showroom appointment" link - Add a person to help draw the viewer into the experience (see the Request a Showroom design) - Attached to the contest are real images for the Style Quiz Please number each image in the order they should be viewed! Nice job! Good luck in Round 2 ------------------------------------------------------------------------ Overview In this contest you will take the provided storyboards and create your Style Quiz design based on the provided requirements. Style Quiz Requirements: The Style Quiz will be a modal window or additional page possibly built in Flash or Javascript. (Let us know your thoughts) Step 1: First page of the Style Quiz - Tagline: What style are you?, What's your style? (open to your suggestions) - Small marketing blurb about the style quiz - Images that introduce/sell the style quiz (intro page) Step 2-10: Second page of the Style Quiz - User selects from a series of images that have been given ratings (10 questions) - After the 10 selections are made the user is presented with their preferred style: Traditional, Transitional, or Contemporary (or a mix of designs) Last Step: Storyboard that shows your "Style" - "My Stye is" "You like the Traditional Style" (open to your suggestions) - User sees their "Style" name - Paragraph explaining their style - Photo representative if their style - Product selection based on their style Interaction Example: When a user hovers over an image they get an indication to click the image- when they click an image the screen changes to the next "set" of images. The most important aspect of this page is providing a very easy to understand user experience. The user should not have to think about what to click, where to go or how to find information. They should be focused on the information displayed and not the interactions themselves. What we are looking for: 1) A good start to how the Style Quiz should look, work and interact with the user. 2) We are open to your suggestions and ideas 3) The business saw this interaction and would like something similar (Sample Link) Design Considerations - Make a fun Style Quiz! - Showing an intuitive interface - Creating a clean, simple and professional design. Visitors to the side include: - Homeowner/Consumer/Remodeler - Professionals (HVAC, Waterworks, Commercial, Residential, Industry & Specialty) - Vendors - Investor - Career-seeker - Associate - People curious about Ferguson 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 StyleQuiz-1.jpg = Step 1: Your design idea StyleQuiz-2.jpg = Step 2: Your design idea StyleQuiz-3.jpg = Last Step: Your design idea Notes.txt= Any comments, suggestions or explanations of your design for the client. Round Two StyleQuiz-1.jpg = Step 1: Your final design StyleQuiz-2.jpg = Step 2: Your final design StyleQuiz-3.jpg = Last Step: Your final design Additional Pages = Use the provided images and add the additional pages. Notes.txt= Any comments, suggestions or explanations of your design for the client. You must submit all requested deliverables to be considered for prizes - you may submit more pages if necessary to show your design (please place them in a numerical order) Judging Criteria Your submission will be judged on the following: - Your creative approach - How well your design works with the provided design - Your interaction suggestions. Submission & Source Files Preview Image Please create your preview image as one (1) 1024x1024 JPG or PNG file in RGB color mode at 72dpi and place your submissions 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 Deliverables in JPG or PNG file format in RGB color mode at 72dpi. plus your notes.txt file 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.