Responsive product list page design - new site

  • Tila: Open
  • Palkinto: £150
  • Vastaanotetut työt: 11

Kilpailun tehtävänanto

*I'm looking for a design only at this stage, I'll post the build as a separate project. But do let me know if you can do both the design and build.*

The requirement is to design a product list page, which will have a list of cards where each card is one product. The 'products' on the website are 'trips' (road trip holidays).

The purpose of the list page is to inspire the customer to want to travel, as well as provide the details of the trips on offer.

Each card will need to display the following information:
- Image 1: destination photo
- Image 2: vehicle photo
- Image 3: trip route - google map image
- Destination (town, country) e.g. Bled, Slovenia
- Date (day, month, year) e.g. 23 August 2019
- Total distance, one way (miles) e.g. 1,876 miles
- Total driving time, one way (miles) e.g. 18 hours
- Total trip duration range (days or weeks) e.g. 4 - 6 weeks
- Total cost (£) e.g. £500
- Cost per night (£) e.g. From £11/night
- Vehicle
- Call to action/button to view the detail page

Other elements on the page:
- Pagination controls
- Filters with labels:
> Distance from pickup (up to XX miles)
> Total trip duration (min weeks, max weeks)
> Date range (earliest start date, latest finish date)
- Header & footer (these can be shown as a placeholder as they're already designed)

I'm using Semantic UI ([login to view URL]) as the framework for the front end, so the design should use the elements available in Semantic UI.

Will need a mobile version (up to 700px) and desktop version (> 700px)

The attached images are examples of the kind of images to include on the card. The dimensions and aspect ratio can be changed to suit the design.

Please note this is not a WordPress site.

Suositellut taidot

Kilpailun parhaat työt

Näytä lisää töitä

Julkinen selvennystaulu

  • jodyjoo
    • 19 tuntia sitten

    Provide the header and footer designs, please

    • 19 tuntia sitten
  • hamzaajmal796
    • 1 päivä sitten

    Please Check Entery #15 . Thanks

    • 1 päivä sitten
  • debanjan999
    • 3 päivää sitten

    if we use PSD photoshop File then will it acceptable? we also provide image file with it

    • 3 päivää sitten
  • znxked
    • 3 päivää sitten

    Working on it. Please wait for my entry. Thanks.

    • 3 päivää sitten
  • kumaravisocial
    • 6 päivää sitten

    Hi Contest Holder,
    Is png or jpg is acceptable as final design ?

    • 6 päivää sitten
    1. AAndreAA
      Kilpailun järjestäjä
      • 6 päivää sitten

      Sketch or similar is preferred - but the quality of the design is the most important - so yes PNG and JPG are both acceptable.

      • 6 päivää sitten
  • gopi00712122
    • 1 viikko sitten

    i can only design , is adobe XD acceptable for you?

    • 1 viikko sitten
    1. AAndreAA
      Kilpailun järjestäjä
      • 1 viikko sitten

      Yes Adobe XD is acceptable, thank you

      • 1 viikko sitten
  • abdelhamidd
    • 1 viikko sitten

    hello i can work on both of you asked, i can provide a responsive website, modern design, just contact me if you're interested

    • 1 viikko sitten

Näytä lisää kommentteja

Kuinka päästä alkuun kilpailuiden kanssa

  • Ilmoita kilpailusi

    Ilmoita kilpailusi Nopeaa ja helppoa

  • Saat valtavasti töitä

    Vastaanota tonnikaupalla osallistumisia Ympäri maailmaa

  • Myönnä palkinto parhaalle työlle

    Myönnä palkinto parhaalle työlle Lataa tiedostot - Helppoa!

Ilmoita kilpailu nyt tai liity tänään!