Responsive product list page design - new site

  • 状态: Closed
  • 奖金: £150
  • 参赛作品已收到: 19
  • 获胜者: AdrianCuc

竞赛简介

*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 (https://semantic-ui.com/) 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.

您还可能感兴趣的技能

雇主反馈

“Great quality work, very fast and professional.”

个人主页照片 AAndreAA, United Kingdom.

此竞赛的顶尖作品

查看更多参赛作品

公共说明面板

  • Codeitsmarts
    Codeitsmarts
    • 4 年 之前

    Hello !I read through the job details extremely carefully and I am absolutely sure that I can do the project very well. I have developed a number of complicated projects related with all of my above mentioned expertise and won the trust of all of my clients.Also,I have worked on a number of built-in WordPress plugins & API’s and can manage it well.

    Can we discuss the same through chat? I shall endeavor to exceed your expectations.

    I have 5 years of experience in PHP, mysql, Codeigniter, Wordpress, Jquery, HTML, CSS ,Python and many more. Please see my portfolio for art work samples and my clients feedback.

    • 4 年 之前
  • kumaravisocial
    kumaravisocial
    • 4 年 之前

    Hi
    Please check my entry #23 . Waiting for your feedback.
    Thanks :)

    • 4 年 之前
  • kumaravisocial
    kumaravisocial
    • 4 年 之前

    Hi Contest Holder
    Please check #21 , it has been designed after lot of hard work. Kindly provide feedback for the same.

    • 4 年 之前
  • jodyjoo
    jodyjoo
    • 4 年 之前

    Provide the header and footer designs, please

    • 4 年 之前
  • hamzaajmal796
    hamzaajmal796
    • 4 年 之前

    Please Check Entery #15 . Thanks

    • 4 年 之前
  • debanjan999
    debanjan999
    • 4 年 之前

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

    • 4 年 之前
  • znxked
    znxked
    • 4 年 之前

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

    • 4 年 之前
  • kumaravisocial
    kumaravisocial
    • 4 年 之前

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

    • 4 年 之前
    1. AAndreAA
      竞赛主办者
      • 4 年 之前

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

      • 4 年 之前
  • gopi00712122
    gopi00712122
    • 4 年 之前

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

    • 4 年 之前
    1. AAndreAA
      竞赛主办者
      • 4 年 之前

      Yes Adobe XD is acceptable, thank you

      • 4 年 之前
  • abdelhamidd
    abdelhamidd
    • 4 年 之前

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

    • 4 年 之前

显示更多评论

如何以竞赛开始

  • 发布您的竞赛

    发起您的竞赛 快速简单

  • 获取众多参赛作品

    获取大量参赛作品 来自世界各地

  • 悬赏最佳参赛作品

    悬赏最佳参赛作品 下载文件-简单!

立即发布竞赛 或者立即加入我们!