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
    • 1 year ago

    Entry #85

    • 1 year ago
  • predixtechsol
    predixtechsol
    • 1 year ago

    please check it entry #83 .

    • 1 year ago
  • nsrn7
    nsrn7
    • 1 year ago

    Please wait, working on another version.

    • 1 year ago
  • nextdesign2007
    nextdesign2007
    • 1 year ago

    Please check it Entry #71 .

    • 1 year ago
  • nextdesign2007
    nextdesign2007
    • 1 year ago

    Please check it Entry #69 .

    • 1 year ago
  • Suvamaya
    Suvamaya
    • 1 year ago

    wait for my another entry

    • 1 year ago
  • nextdesign2007
    nextdesign2007
    • 1 year ago

    Please check it Entry #69 .

    • 1 year ago
  • pixelwebplanet
    pixelwebplanet
    • 1 year ago

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

    • 1 year ago
    1. webdesignmentor
      webdesignmentor
      • 1 year ago

      Hope You will win

      • 1 year ago
  • Suvamaya
    Suvamaya
    • 1 year ago

    hi, please check #61

    • 1 year ago
  • Suvamaya
    Suvamaya
    • 1 year 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

    • 1 year ago
  • nextdesign2007
    nextdesign2007
    • 1 year ago

    Please check it Entry #51 .

    • 1 year ago
  • Suvamaya
    Suvamaya
    • 1 year ago

    Hi, please wait for my entry..

    • 1 year ago
  • abirmahmood
    abirmahmood
    • 1 year ago

    Check #49

    • 1 year ago
  • RaalFy
    Contest Holder
    • 1 year 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!

    • 1 year ago
  • predixtechsol
    predixtechsol
    • 1 year ago

    Please check entry #42

    • 1 year ago
  • pixelwebplanet
    pixelwebplanet
    • 1 year ago

    please check entry : #29

    • 1 year ago
  • RaalFy
    Contest Holder
    • 1 year 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!

    • 1 year ago
    1. RaalFy
      Contest Holder
      • 1 year ago

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

      • 1 year ago
    2. rrinki00
      rrinki00
      • 1 year ago

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

      • 1 year ago
  • RaalFy
    Contest Holder
    • 1 year 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).

    • 1 year ago
  • RaalFy
    Contest Holder
    • 1 year 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!

    • 1 year ago
  • AyazAhemadKadri
    AyazAhemadKadri
    • 1 year ago

    working

    • 1 year ago
  • pixelwebplanet
    pixelwebplanet
    • 1 year ago

    please check entry : #29

    • 1 year ago
  • RaalFy
    Contest Holder
    • 1 year 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.

    • 1 year ago
  • nsrn7
    nsrn7
    • 1 year ago

    Feedback please #28

    • 1 year ago
  • RaalFy
    Contest Holder
    • 1 year 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.

    • 1 year ago
  • wabdesigner
    wabdesigner
    • 1 year ago

    final file you need is the psd?

    • 1 year ago
    1. RaalFy
      Contest Holder
      • 1 year ago

      Yes, I need a PSD

      • 1 year ago
  • nsrn7
    nsrn7
    • 1 year ago

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

    • 1 year ago
  • bibaaboel3enin
    bibaaboel3enin
    • 1 year ago

    #7

    • 1 year ago
  • bibaaboel3enin
    bibaaboel3enin
    • 1 year ago

    #4

    • 1 year ago
  • rohitkatarmal
    rohitkatarmal
    • 1 year ago

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

    • 1 year 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!