Design for travel planning site (landing page and initial interaction)

  • Trạng thái: Closed
  • Giải thưởng: $600
  • Các bài thi đã nhận: 19

Tóm tắt cuộc thi

We are creating a travel planning site and want to get a handful of the screens and interactions in place.

1- Landing page – pinterest style
2- Getting started modals

We want to focus on material design and flat subtle details. In your design we need you to show some of these details.

The first page we will take inspiration from twitter. We want to load the page with all of the masonry bricks in the background but we want them to be fuzzy with a modal overlay on top. In the modal we will welcome users to the platform. After a few seconds we will disappear the modal and show that it is now accessible in the menu. (it disappears in the direction of the menu item we expect the user to interact with next)
In each pinterest type card we want the following meta details to be shown.

• Image,
• Name of place,
• rating (probably use numbers not stars),
• location (country or city),
• duration of trip (3 days, 6 weeks etc…)
• Person that “pinned” the trip (similar to how pinterest really is)

We need calls to action for View, Save to favorites, add to existing trip (you can use iconography for these CTA’s)

As a part of your design we need both the initial state of the page, and then to see how you plan to do the fade and CTA to the menu area. ([url removed, login to view] does something like this as seen in this video [url removed, login to view] – the red dot and pulse)

Part 2 Getting started sequence

The next think we want to capture is the getting started modals. Users will use this to start the process of planning their trip. We want to take inspiration from [url removed, login to view] (load page and then click “Create your trip now”) you will see the couple of steps they go through to get the users info and start the plan of the trip.

1- [url removed, login to view] (there is a search typeahead that is pretty cool)
2- [url removed, login to view]
3- In your last step for this I want to get what a form would look like in your modal with the other 2

I am a big fan of this material’ish design pattern [url removed, login to view] as seen on the forms on the right side. Where the placeholder text becomes the title of the input field.

Let me know any questions you have. We can use a fictitious company name in the comps called “Trip Planners”

Các kĩ năng được đề xuất

Những bài dự thi tốt nhất dự cuộc thi này

Xem nhiều bài dự thi hơn

Bảng thông tin công khai

  • ATOM Systems Pvt. Ltd.
    ATOM Systems Pvt. Ltd.
    • cách đây 2 năm

    Hi Sir, Received funds that was distributed to the top rated designs. If you want the design source files, please ping me

    • cách đây 2 năm
  • webgraphics007
    webgraphics007
    • cách đây 2 năm

    :)

    • cách đây 2 năm
  • ankisethiya
    ankisethiya
    • cách đây 2 năm

    sir i have design new creative please give me your s k y p e i d i share designs with you..

    • cách đây 2 năm
  • trinity0
    trinity0
    • cách đây 2 năm

    Hello,Billy....How are you today?I just make some change on my design also want to know about your idea,this contest is lock so you can select winner,I seen my entry is in first place and I want to submit my PSD premium template to you also me and my team wanted to works with you forever,Hope you will be make your decision and choose a work,#6 #15 #16,these are my entry.Thanks for your consideration.

    • cách đây 2 năm
  • dragnoir
    dragnoir
    • cách đây 2 năm

    The contest is locked, can you please select a winner ?

    • cách đây 2 năm
  • dragnoir
    dragnoir
    • cách đây 2 năm

    Any feedback please ?

    • cách đây 2 năm
  • TECHRONYX
    TECHRONYX
    • cách đây 2 năm

    Please check #18

    • cách đây 2 năm
  • Elephantart
    Elephantart
    • cách đây 2 năm

    check #14

    • cách đây 2 năm
  • trinity0
    trinity0
    • cách đây 2 năm

    Hi,Here is my all entry #6 #15 #16 ,Here I use photoshop cs6 to make it responsive,Also Want to provide you unlimited rivision,Feel free to knock me anytime as i always available here, Thank you

    • cách đây 2 năm
  • njose
    njose
    • cách đây 2 năm

    Great contest! please #extend by a day or two so that those of us who have just joined can submit great designs too, contest ends in less than 5hrs?

    • cách đây 2 năm
  • Elephantart
    Elephantart
    • cách đây 2 năm

    plz check #14 and give feedback.

    • cách đây 2 năm
  • webgraphics007
    webgraphics007
    • cách đây 2 năm

    Hey Sir thanks for rating going to provide you one more design

    • cách đây 2 năm
  • Elephantart
    Elephantart
    • cách đây 2 năm

    wait for my entry

    • cách đây 2 năm
  • stcDesign
    stcDesign
    • cách đây 2 năm

    Hi, I'll submit my entry by the end of the day.

    • cách đây 2 năm
  • webgraphics007
    webgraphics007
    • cách đây 2 năm

    Hey do not close this contest before time i will put my work soon thanks

    • cách đây 2 năm
  • billy01
    Người tổ chức Cuộc thi
    • cách đây 2 năm

    Please check out the unlogged in homepage of pinterest so you have a good idea of the overlay and fuzz I was speaking about http://screencast.com/t/8izUYB71b

    • cách đây 2 năm
  • inbs
    inbs
    • cách đây 2 năm

    working on design, will submit my entry soon.

    • cách đây 2 năm
  • hendrilubis
    hendrilubis
    • cách đây 2 năm

    so what the final deliverd for this contest sir.

    • cách đây 2 năm
    1. billy01
      Người tổ chức Cuộc thi
      • cách đây 2 năm

      PSDs

      • cách đây 2 năm
    2. hendrilubis
      hendrilubis
      • cách đây 2 năm

      ok. i'll working on your contest. will sumbit as soon as my work done.

      • cách đây 2 năm
  • sebcornelius
    sebcornelius
    • cách đây 2 năm

    Hi there Billy. Am I right in thinking you want graphic mockups for this, as opposed to the actual HTML/CSS etc. Thanks in advance. Seb

    • cách đây 2 năm
    1. billy01
      Người tổ chức Cuộc thi
      • cách đây 2 năm

      Yes just design , no code

      • cách đây 2 năm

Xem thêm các bình luận

Làm thế nào để bắt đầu với cuộc thi

  • Đăng cuộc thi của bạn

    Đăng Cuộc thi của bạn Nhanh chóng và dễ dàng

  • Nhận được vô số bài dự thi

    Nhận được vô số Bài dự thi Từ khắp nơi trên thế giới

  • Trao giải cho bài dự thi tốt nhất

    Trao giải cho bài dự thi tốt nhất Download File - Đơn giản!

Đăng một cuộc thi ngay bây giờ hoặc tham gia với chúng tôi ngay hôm nay!