Design a Website Mockup for a Car Website

  • Статус: Closed
  • Винагорода: $100
  • Надіслані роботи: 52
  • Переможець: nextdesign2007

Стисле описання конкурсу

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: https://autolist.com https://autocheck.com https://www.carsforsale.com/request-vehicle-history-report https://droomhistory.com/

https://www.dropbox.com/s/9xv4ggqxja202q1/Screenshot%202017-11-08%2002.28.52.png?dl=0
https://www.dropbox.com/s/l40hh56zbrbt3hr/Screenshot%202017-11-08%2015.55.04.png?dl=0
https://www.dropbox.com/s/qnzh8i9yszo4qc0/Screenshot%20from%202017-12-13%2017-50-55.png?dl=0
https://www.dropbox.com/s/9t87vyunu0ynopn/Screenshot%20from%202017-12-13%2018-00-15.png?dl=0

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: http://assets.autosafe.ng/spec-sheet.html
https://www.dropbox.com/s/sccz81icq3ifc1q/5a2883c5ee802_thumb900.jpg?dl=0
https://www.dropbox.com/s/iw1x5l0r3xslocp/Design%20a%20PDF%20Report%20with%20Vehicle%20Data.psd?dl=0

Use this or similar as a background behind the stacked reports: https://www.dropbox.com/s/5cbuulzphtdaiea/screen-7.jpg?dl=0

The stacked reports should be similar to these:
https://www.dropbox.com/s/mkb87mpze5jz55b/Screenshot%202017-11-08%2015.55.19.png?dl=0
https://www.dropbox.com/s/od7rwke9ol7e69n/Screenshot%202017-11-30%2023.16.52.png?dl=0

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: https://totalcarcheck.co.uk/

Fiftly, we display another field to perform the vin check and beside that, we can display a link to a sample report. Example: http://www.vinaudit.com/

Sixtly, The footer.
--
Logo source files: https://www.dropbox.com/sh/nmigl2vf7f7n90l/AAB92gDOEXpuTTv10-vsVlvDa?dl=0

UPDATE: 24/12/17
Wireframe: https://assets.autosafe.ng/mockup1.html

UPDATE: 25/12/17
PSD: https://www.dropbox.com/s/iw1x5l0r3xslocp/Design%20a%20PDF%20Report%20with%20Vehicle%20Data.psd?dl=0

Рекомендовані навички

Winner
Обраний конкурс
Опублікувати схожий конкурс

Відгук роботодавця

“Brilliant designs from NextDesign. Thanks :)”

Зображення профілю RaalFy, Nigeria.

Найкращі роботи цього конкурсу

Переглянути більше робіт

Публічна роз'яснювальна дошка

  • syarifmahzumi12
    syarifmahzumi12
    • 6 роки(ів) тому

    Entry #85

    • 6 роки(ів) тому
  • predixtechsol
    predixtechsol
    • 6 роки(ів) тому

    please check it entry #83 .

    • 6 роки(ів) тому
  • nsrn7
    nsrn7
    • 6 роки(ів) тому

    Please wait, working on another version.

    • 6 роки(ів) тому
  • nextdesign2007
    nextdesign2007
    • 6 роки(ів) тому

    Please check it Entry #71 .

    • 6 роки(ів) тому
  • nextdesign2007
    nextdesign2007
    • 6 роки(ів) тому

    Please check it Entry #69 .

    • 6 роки(ів) тому
  • Suvamaya
    Suvamaya
    • 6 роки(ів) тому

    wait for my another entry

    • 6 роки(ів) тому
  • nextdesign2007
    nextdesign2007
    • 6 роки(ів) тому

    Please check it Entry #69 .

    • 6 роки(ів) тому
  • pixelwebplanet
    pixelwebplanet
    • 6 роки(ів) тому

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

    • 6 роки(ів) тому
    1. webdesignmentor
      webdesignmentor
      • 6 роки(ів) тому

      Hope You will win

      • 6 роки(ів) тому
  • Suvamaya
    Suvamaya
    • 6 роки(ів) тому

    hi, please check #61

    • 6 роки(ів) тому
  • Suvamaya
    Suvamaya
    • 6 роки(ів) тому

    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

    • 6 роки(ів) тому
  • nextdesign2007
    nextdesign2007
    • 6 роки(ів) тому

    Please check it Entry #51 .

    • 6 роки(ів) тому
  • Suvamaya
    Suvamaya
    • 6 роки(ів) тому

    Hi, please wait for my entry..

    • 6 роки(ів) тому
  • abirmahmood
    abirmahmood
    • 6 роки(ів) тому

    Check #49

    • 6 роки(ів) тому
  • RaalFy
    Організатор конкурсу
    • 6 роки(ів) тому

    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!

    • 6 роки(ів) тому
  • predixtechsol
    predixtechsol
    • 6 роки(ів) тому

    Please check entry #42

    • 6 роки(ів) тому
  • pixelwebplanet
    pixelwebplanet
    • 6 роки(ів) тому

    please check entry : #29

    • 6 роки(ів) тому
  • RaalFy
    Організатор конкурсу
    • 6 роки(ів) тому

    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!

    • 6 роки(ів) тому
    1. RaalFy
      Організатор конкурсу
      • 6 роки(ів) тому

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

      • 6 роки(ів) тому
    2. rrinki00
      rrinki00
      • 6 роки(ів) тому

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

      • 6 роки(ів) тому
  • RaalFy
    Організатор конкурсу
    • 6 роки(ів) тому

    #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).

    • 6 роки(ів) тому
  • RaalFy
    Організатор конкурсу
    • 6 роки(ів) тому

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

    • 6 роки(ів) тому
  • AyazAhemadKadri
    AyazAhemadKadri
    • 6 роки(ів) тому

    working

    • 6 роки(ів) тому
  • pixelwebplanet
    pixelwebplanet
    • 6 роки(ів) тому

    please check entry : #29

    • 6 роки(ів) тому
  • RaalFy
    Організатор конкурсу
    • 6 роки(ів) тому

    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.

    • 6 роки(ів) тому
  • nsrn7
    nsrn7
    • 6 роки(ів) тому

    Feedback please #28

    • 6 роки(ів) тому
  • RaalFy
    Організатор конкурсу
    • 6 роки(ів) тому

    #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.

    • 6 роки(ів) тому
  • wabdesigner
    wabdesigner
    • 6 роки(ів) тому

    final file you need is the psd?

    • 6 роки(ів) тому
    1. RaalFy
      Організатор конкурсу
      • 6 роки(ів) тому

      Yes, I need a PSD

      • 6 роки(ів) тому
  • nsrn7
    nsrn7
    • 6 роки(ів) тому

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

    • 6 роки(ів) тому
  • bibaaboel3enin
    bibaaboel3enin
    • 6 роки(ів) тому

    #7

    • 6 роки(ів) тому
  • bibaaboel3enin
    bibaaboel3enin
    • 6 роки(ів) тому

    #4

    • 6 роки(ів) тому
  • rohitkatarmal
    rohitkatarmal
    • 6 роки(ів) тому

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

    • 6 роки(ів) тому

Більше коментарів

Як організувати конкурс

  • Опублікуйте свій конкурс

    Опублікуйте свій конкурс Швидко та просто

  • Отримайте безліч конкурсних робіт

    Отримайте безліч конкурсних робіт З усього світу

  • Оберіть найкращу роботу

    Оберіть найкращу роботу Завантажуйте файли - це просто!

Опублікувати конкурс зараз або приєднуйтесь до нас вже сьогодні!