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

  • Status: Closed
  • Prize: $600
  • Entries Received: 19

Contest Brief

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. (roadtrippers.com does something like this as seen in this video http://screencast.com/t/3KSznEYq – 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 http://www.tripomatic.com/ (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- http://screencast.com/t/Mw27ZO5Jbc (there is a search typeahead that is pretty cool)
2- http://screencast.com/t/4IV6DNKhXD
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 http://www.codecovers.eu/materialadmin/forms/basic 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”

Recommended Skills

Public Clarification Board

  • ATOM Systems Pvt. Ltd.
    ATOM Systems Pvt. Ltd.
    • 8 years ago

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

    • 8 years ago
  • webgraphics007
    webgraphics007
    • 8 years ago

    :)

    • 8 years ago
  • ankisethiya
    ankisethiya
    • 8 years ago

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

    • 8 years ago
  • trinity0
    trinity0
    • 8 years ago

    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.

    • 8 years ago
  • dragnoir
    dragnoir
    • 8 years ago

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

    • 8 years ago
  • dragnoir
    dragnoir
    • 8 years ago

    Any feedback please ?

    • 8 years ago
  • TECHRONYX
    TECHRONYX
    • 9 years ago

    Please check #18

    • 9 years ago
  • Elephantart
    Elephantart
    • 9 years ago

    check #14

    • 9 years ago
  • trinity0
    trinity0
    • 9 years ago

    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

    • 9 years ago
  • njose
    njose
    • 9 years ago

    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?

    • 9 years ago
  • Elephantart
    Elephantart
    • 9 years ago

    plz check #14 and give feedback.

    • 9 years ago
  • webgraphics007
    webgraphics007
    • 9 years ago

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

    • 9 years ago
  • Elephantart
    Elephantart
    • 9 years ago

    wait for my entry

    • 9 years ago
  • stcDesign
    stcDesign
    • 9 years ago

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

    • 9 years ago
  • webgraphics007
    webgraphics007
    • 9 years ago

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

    • 9 years ago
  • billy01
    Contest Holder
    • 9 years ago

    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

    • 9 years ago
  • inbs
    inbs
    • 9 years ago

    working on design, will submit my entry soon.

    • 9 years ago
  • hendrilubis
    hendrilubis
    • 9 years ago

    so what the final deliverd for this contest sir.

    • 9 years ago
    1. billy01
      Contest Holder
      • 9 years ago

      PSDs

      • 9 years ago
    2. hendrilubis
      hendrilubis
      • 9 years ago

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

      • 9 years ago
  • sebcornelius
    sebcornelius
    • 9 years ago

    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

    • 9 years ago
    1. billy01
      Contest Holder
      • 9 years ago

      Yes just design , no code

      • 9 years 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!