Design a Website Mockup for a Car Website

  • Status: Closed
  • Prize: $100
  • Entries Received: 52
  • Winner: nextdesign2007

Contest Brief

Hi,

Thanks for your interest in this contest. I need a single page mockup for a vehicle website. The website hosts a web based application that enables users pull up vehicle specification data and history reports.
--
While the following communicate my requirements for the mockup, feel free to improve on them, not necessarily taking everything I've said into account.

As with most sites, the home page should be broken down into sections.

View of the home page from top to bottom:
First, our logo at the top left, a few links at the right (Register Stolen Vehicle | Find a Dealership) and a background image as well as a form field for the VIN.
See these sites for example background images: [login to view URL] [login to view URL] [login to view URL] [login to view URL]

[login to view URL]
[login to view URL]
[login to view URL]
[login to view URL]

You may choose to display the following texts anywhere on the home page:

"AutoSafe provides valuable information not readily available to you as a consumer, helping you make the right choices when purchasing your next car."
"AutoSafe helps you shop smart when buying a car."
"Harnessing the power of trusted automotive data, AutoSafe helps used car shoppers make safer investments."
"Knowledge is power. Start your used car search with a detailed specification report from AutoSafe."

Secondly, display a stacked, layered copy of the AutoSafe specification report. The report is available here: [login to view URL]
[login to view URL]
[login to view URL]

Use this or similar as a background behind the stacked reports: [login to view URL]

The stacked reports should be similar to these:
[login to view URL]
[login to view URL]

You may choose to display the following texts next to the stacked report images:

"Arm yourself with reliable vehicle specification data"

Does the car fit your needs, wants and lifestyle?
-- Discover seating and storage capacity, mechanical or performance specifications as well as any special considerations like weight, engine/transmission performance and fuel mileage to help narrow down your selection.

No Account Required, Easy Search
It's easy and straight forward. No Sign up, subscription or recurring fees. All you need is the vehicle indentification number (VIN) to get instant reports sent to you.

Car Research Made Easy
Every AutoSafe report includes a stolen database check. We routinely curate a list of stolen vehicles to protect unsuspecting buyers. You should also match the VIN and specifications data with the actual vehicle and registration documents to reveal the vehicle's characteristics are a match.

AutoSafe Vehicle History Reports
60% of all imported cars have bad history. Demand an AutoSafe Vehicle History report from the dealerships before committing financially.

Fourtly, we display testimonials. Great example: [login to view URL]

Fiftly, we display another field to perform the vin check and beside that, we can display a link to a sample report. Example: [login to view URL]

Sixtly, The footer.
--
Logo source files: [login to view URL]

UPDATE: 24/12/17
Wireframe: [login to view URL]

UPDATE: 25/12/17
PSD: [login to view URL]

Recommended Skills

Employer Feedback

“Brilliant designs from NextDesign. Thanks :)”

Profile image RaalFy, Nigeria.

Public Clarification Board

  • syarifmahzumi12
    syarifmahzumi12
    • 9 months ago

    Entry #85

    • 9 months ago
  • predixtechsol
    predixtechsol
    • 9 months ago

    please check it entry #83 .

    • 9 months ago
  • nsrn7
    nsrn7
    • 9 months ago

    Please wait, working on another version.

    • 9 months ago
  • nextdesign2007
    nextdesign2007
    • 9 months ago

    Please check it Entry #71 .

    • 9 months ago
  • nextdesign2007
    nextdesign2007
    • 9 months ago

    Please check it Entry #69 .

    • 9 months ago
  • Suvamaya
    Suvamaya
    • 9 months ago

    wait for my another entry

    • 9 months ago
  • nextdesign2007
    nextdesign2007
    • 9 months ago

    Please check it Entry #69 .

    • 9 months ago
  • pixelwebplanet
    pixelwebplanet
    • 9 months ago

    Please check #62 , #63 , #64 , #65 , #66

    • 9 months ago
    1. webdesignmentor
      webdesignmentor
      • 9 months ago

      Hope You will win

      • 9 months ago
  • Suvamaya
    Suvamaya
    • 9 months ago

    hi, please check #61

    • 9 months ago
  • Suvamaya
    Suvamaya
    • 9 months ago

    Hi, Please check #61 . this is my design concept. It is modern and web2.0 specification layout. Hope you will like it. Please rate the design and spare some comments for betterment of the layout

    • 9 months ago
  • nextdesign2007
    nextdesign2007
    • 10 months ago

    Please check it Entry #51 .

    • 10 months ago
  • Suvamaya
    Suvamaya
    • 10 months ago

    Hi, please wait for my entry..

    • 10 months ago
  • abirmahmood
    abirmahmood
    • 10 months ago

    Check #49

    • 10 months ago
  • RaalFy
    Contest Holder
    • 10 months ago

    Many nice submissions. We'll be considering many of these at the end of the contest. Particularly interesting is #36. The use of the brand color (#e48720) as background at different areas of the design looks very nice. As stated earlier, we're also open to color backgrounds. I would like to see variations of this design. Thank you!

    • 10 months ago
  • predixtechsol
    predixtechsol
    • 10 months ago

    Please check entry #42

    • 10 months ago
  • pixelwebplanet
    pixelwebplanet
    • 10 months ago

    please check entry : #29

    • 10 months ago
  • RaalFy
    Contest Holder
    • 10 months ago

    Hi Everyone, Thanks for the entries so far. I noticed that I'm not getting designs that matched my requirements so I designed a wireframe: https://assets.autosafe.ng/mockup1.html

    I need modern, clean looking designs. While the wireframe above depicts what I have in mind, I'm open to your ideas as well so it's not necessarily to strictly follow the wireframe's layout.

    The background can be any clean photo you find on the internet, we will replace them. You can check https://roadster.com for a very nice home page design. You also need to change the logo (linked above) to white/transparent so it looks clean on a background photo. It's also fine to not use a background photo, and instead use a color or css like pattern.

    The design shouldn't be noisy or distracting. Space out the elements reasonably and use clear fonts.

    Thank you!

    • 10 months ago
    1. RaalFy
      Contest Holder
      • 10 months ago

      For the report, the design from #6 is my favorite.

      • 10 months ago
    2. rrinki00
      rrinki00
      • 10 months ago

      Hey there!
      I can combined all the changes and deliver it today Can You award me..

      • 10 months ago
  • RaalFy
    Contest Holder
    • 10 months ago

    #27 - Still a very good design with potential. However it still doesn't include the information that was shared in the wireframe. The news site logos aren't needed right now, the report should use my own report (PSD added to description).

    • 10 months ago
  • RaalFy
    Contest Holder
    • 10 months ago

    #28 - This is a great submission because the designer ensured that all required information according to the wireframe was featured on the report. Thanks!

    • 10 months ago
  • AyazAhemadKadri
    AyazAhemadKadri
    • 10 months ago

    working

    • 10 months ago
  • pixelwebplanet
    pixelwebplanet
    • 10 months ago

    please check entry : #29

    • 10 months ago
  • RaalFy
    Contest Holder
    • 10 months ago

    I like the section that shows "To Buy a Car? / Sell Your Car?" used in #11 . Instead of the red, my brand color (#e48720) can be used. This can replace the section "Buyers / Section" in the wireframe. I think it looks much better than my layout/ This is just a suggestion.

    • 10 months ago
  • nsrn7
    nsrn7
    • 10 months ago

    Feedback please #28

    • 10 months ago
  • RaalFy
    Contest Holder
    • 10 months ago

    #26 - This is a very attractive design with great potential. However, the designer hasn't included any details from my wireframe or description. It will be interesting to see how those can be featured in this design. I really like the creativity in it.

    Some feedback:
    1. The actual report as shown in #6 should be used without the car under the report.
    2. A white version of the logo (PSD is linked in description)
    3. The dialogue for the check VIN can look clear, try a different design
    4. Other details and elements from the wireframe should be added.

    • 10 months ago
  • wabdesigner
    wabdesigner
    • 10 months ago

    final file you need is the psd?

    • 10 months ago
    1. RaalFy
      Contest Holder
      • 10 months ago

      Yes, I need a PSD

      • 10 months ago
  • nsrn7
    nsrn7
    • 10 months ago

    http://avuetech.in/projects/htmldeveloper/Contest/autosafe1/

    • 10 months ago
  • bibaaboel3enin
    bibaaboel3enin
    • 10 months ago

    #7

    • 10 months ago
  • bibaaboel3enin
    bibaaboel3enin
    • 10 months ago

    #4

    • 10 months ago
  • rohitkatarmal
    rohitkatarmal
    • 10 months ago

    working on it..please wait for my entry...

    • 10 months ago

Show more comments

How to get started with contests

  • Post your contest

    Post Your Contest Quick and easy

  • Get tons of entries

    Get Tons of Entries From around the world

  • Award the best entry

    Award the best entry Download the files - Easy!

Post a Contest Now or Join us Today!