Responsive product list page design - new site

  • Status: Open
  • Prize: £150
  • Entries Received: 12

Contest Brief

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

Recommended Skills

Top entries from this contest

View More Entries

Public Clarification Board

  • jodyjoo
    jodyjoo
    • 2 days ago

    Provide the header and footer designs, please

    • 2 days ago
  • hamzaajmal796
    hamzaajmal796
    • 2 days ago

    Please Check Entery #15 . Thanks

    • 2 days ago
  • debanjan999
    debanjan999
    • 5 days ago

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

    • 5 days ago
  • znxked
    znxked
    • 5 days ago

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

    • 5 days ago
  • kumaravisocial
    kumaravisocial
    • 1 week ago

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

    • 1 week ago
    1. AAndreAA
      Contest Holder
      • 1 week ago

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

      • 1 week ago
  • gopi00712122
    gopi00712122
    • 1 week ago

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

    • 1 week ago
    1. AAndreAA
      Contest Holder
      • 1 week ago

      Yes Adobe XD is acceptable, thank you

      • 1 week ago
  • abdelhamidd
    abdelhamidd
    • 1 week ago

    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 week 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!