Register
Submit a solution
The challenge is finished.

Challenge Summary

The HTML prototype is provided for this competition. Your task is to make the design changes below and submit them as PSD files with corresponding jpg images. We want to see the entire page to demonstrate how your design updates display within each page.
Contest Requirements: 1. Updates for INDEX.HTML 1a. Update About Us Tab
  • The client would like a better way to present the text on the right side of the About Us Section. The client likes the background image of the road but feels that the text can be displayed in a better manner. The text will be between 300-500 characters.
1b. Update Dealer Quote Tab
  • This tab should match the look-and-feel of the "Car Loan Request Tab". Currently it feels and looks very different. In order to fulfill this, you are free to change the background image and re-organize the tab. Please keep the theme of the tab in mind when selecting a background image.This tab is for customers that are looking to purchase a new car from an Auto Dealer.
  • Add drop downs for Make and Model to work with the Zip Code textbox. "Select Make" and "Select Mode" should be the default values for the given drop downs.
  • Add Text of "Get a Free Dealer Quote from Dealerships In your Area".
1c. Update Auto Insurance Tab
  • This tab should match the look-and-feel of the Car Loan Request Tab. Currently it feels and looks very different. In order to fulfill this, you are free to change the background image. Please keep the theme of the tab in mind when selecting a background image.This tab is for customers that are looking to purchase Auto Insurance for their vehicle.
  • The textbox for the zipcode should be removed. The text and button should still be kept.
1d. Update Auto Warranty Tab
  • This tab should match the look-and-feel of the Car Loan Request Tab. In order to fulfill this, you are free to change or keep the background image.This tab is for customers looking for Auto Warranty for their vehicle.
  • Remove the textbox for ZipCode
1e. Add New Cars By Make Module
  • At the bottom of the page, above the three "place-holders" and below the "Vehicle Showcase" and "Auto Loan Calculator", add a new Module entitled "New Cars By Make".
  • The new module should follow the existing look-and-feel for the rest of the page.
  • The information for this new module should be similar to the information provided in "New_Cars_By_Make.jpg".
2. Updates for NEW_CAR.HTML 2a. Update Make Tab, Vehicle Type Tab, Price Tab and MPG Tab
  • The client likes the blueish background, but the DOES NOT like the fade with the "road" background image. Update the background to a solid color. You may keep the current blue color or replace it with something that you feel is better.
  • You are also free to re-organize the layout and presentation inside each tab, if you feel that there is a better way of presenting it.
2b. Update Vehicle Finder
  • The Vehicle Finder is a small Flash application that customers may use to find their ideal vehicle. There are 3 dials for the three criteria: Price, MPG and Year. The customer may adjust the dials in order to indicate the preferred criteria for the vehicle. The scoreboard on the right indicates the top matches for the provided criteria.
  • The look and feel of the Vehicle Finder should be updated to look sleeker and more modern. You may look to this link as a reference. We are looking for your creative ideas http://mathewsinc.com/data/mathewsinc/file/245_44469_monster-1920x1200.jpg
  • Note: that the color scheme still needs to fit in with the rest of the page.
  • Some suggestions to consider here: You may move the dial labels "Price", "Year", "MPG" inside the dial to create more space. This is not required though. Add a smaller tick mark in between each of the long tick mark. The smaller tick mark would represent the half way value between the two longer tick marks.
2c. Update Bottom Placeholders:
  • In the first (left most) placeholder, add the information from auto_check1.jpg that is provided in this competition.
  • In the second (middle) placeholder, add imagery and/or text for Auto Insurance. You can use the text of "See how much you can save on your Auto Insurance" and create a button or link with "Get Quotes Now". This would be a similar idea as the Auto Insurance Tab located in index.html.
  • In the third (right most) place holder, add imagery or text or a combination of both for "Auto Warranty". You can use the text of "Speak to an Expert about an Auto Warranty!" and create a button or link with "Get Quotes Now". This would be a similar idea as the Auto Warranty Tab located in index.html
3. Update AUTO_LOAN.HTML 3a Update Bottom Placeholders:
  • In the first (leftmost) placeholder, add the information from auto_check2.jpg that is provided in this competition.
  • The second and third placeholders should be similar to the updated bottom placeholders for the New_Car.html page above
4. Update WARRANTY.HTML 4a Update Bottom Placeholders:
  • In the first (leftmost) placeholder, add the information from auto_check3.jpg that is provided in this competition.
  • The second and third placeholders should be similar to the updated bottom placeholders for the New_Car.html above
5. Update CAR_LOAN_ADVICE.HTML
  • This page currently allows users to read articles based on a specific topics. We are looking for different ideas on how to best present this page. You may use the information provided to create a different layout if you think there is a better way to present he information.
  • Currently an article on the left is selected and displayed on the right side.
6. Update SEARCH_RESULTS.HTML
  • On the search_results,html page, clicking the "photo image" will show a popup of the vehicle.
  • We want to update the popup to be a modal window that will show different images of the vehicle and clearly show the Year and name of the Vehicle.
  • Create a new modal window that will display Year and Name of the Vehicle as well as a way to view multiple pictures of the vehicle.
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. Also, although the use of stock photography is allowed (see rules, above), the client strongly prefers original artwork and ideas. This is something to keep in mind when working on your design. Target Audience: Any person looking to learn more about a particular vehicle, auto industry news, auto loans, auto insurance, or other auto related information. The focus should be to present your design in a clean and understandable way so people are engaged and want to view the material presented to them. Judging Criteria Your submission will be judged on the following criteria: Consistency - How well the pages fit together and provide a complete user experience Innovativeness- Create an engaging and exciting experience that people will WANT to use. Effort- implementing all of the required content, as well as showing us something NEW and Creative. Please pay attention to detail.

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.

Stock Photography

Stock photography is not allowed in this challenge. All submitted elements must be designed solely by you. See this page for more details.

How To Submit

  • New to Studio? ‌Learn how to compete here
  • Upload your submission in three parts (Learn more here). Your design should be finalized and should contain only a single design concept (do not include multiple designs in a single submission).
  • If your submission wins, your source files must be correct and “Final Fixes” (if applicable) must be completed before payment can be released.
  • You may submit as many times as you'd like during the submission phase, but only the number of files listed above in the Submission Limit that you rank the highest will be considered. You can change the order of your submissions at any time during the submission phase. If you make revisions to your design, please delete submissions you are replacing.

Winner Selection

Submissions are viewable to the client as they are entered into the challenge. Winners are selected by the client and are chosen solely at the client's discretion.

Challenge links

Screening Scorecard

Submission format

Your Design Files:

  1. Look for instructions in this challenge regarding what files to provide.
  2. Place your submission files into a "Submission.zip" file.
  3. Place all of your source files into a "Source.zip" file.
  4. Declare your fonts, stock photos, and icons in a "Declaration.txt" file.
  5. Create a JPG preview file.
  6. Place the 4 files you just created into a single zip file. This will be what you upload.

Trouble formatting your submission or want to learn more? ‌Read the FAQ.

Fonts, Stock Photos, and Icons:

All fonts, stock photos, and icons within your design must be declared when you submit. DO NOT include any 3rd party files in your submission or source files. Read about the policy.

Screening:

All submissions are screened for eligibility before the challenge holder picks winners. Don't let your hard work go to waste. Learn more about how to  pass screening.

Challenge links

Questions? ‌Ask in the Challenge Discussion Forums.

Source files

  • PSD - Photoshop

You must include all source files with your submission.

Submission limit

Unlimited

ID: 30021601