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 년 전

다른 의견의 확인

콘테스트를 시작하는 방법

  • 콘테스트를 게시하세요

    콘테스트 등록 신속하고 간편한 절차

  • 응모작 접수

    응모작 접수 세계적인 참가 범위

  • 최우수 응모작 선정

    최우수 응모작 선정 자료 파일의 다운로드(초간단!)

콘테스트 바로 등록 (또는, 즉시 회원 가입!)