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

Status: Closed
Prize: $600
Entries Received: 19

Winner

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. ([login to view URL] does something like this as seen in this video [login to view URL] – 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 [login to view URL] (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- [login to view URL] (there is a search typeahead that is pretty cool)
2- [login to view URL]
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 [login to view URL] 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

Winner

Post a Contest Like This

Top entries from this contest

trinity0 Bangladesh

1
webgraphics007 United States

1
ATOM Systems Pvt. Ltd. India

1
webidea12 India

0
webidea12 India

0
webgraphics007 United States

0
webgraphics007 United States

0
dragnoir Tunisia

1
dragnoir Tunisia

1
dragnoir Tunisia

1
dragnoir Tunisia

1
dragnoir Tunisia

1
webgraphics007 United States

0
webgraphics007 United States

0
trinity0 Bangladesh

1
trinity0 Bangladesh

1

View More Entries

Public Clarification Board

ATOM Systems Pvt. Ltd.
- 3 years ago
Hi Sir, Received funds that was distributed to the top rated designs. If you want the design source files, please ping me
- 3 years ago
webgraphics007
- 3 years ago
:)
- 3 years ago
ankisethiya
- 3 years ago
sir i have design new creative please give me your s k y p e i d i share designs with you..
- 3 years ago
trinity0
- 3 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.
- 3 years ago
dragnoir
- 3 years ago
The contest is locked, can you please select a winner ?
- 3 years ago
dragnoir
- 3 years ago
Any feedback please ?
- 3 years ago
TECHRONYX
- 3 years ago
Please check #18
- 3 years ago
Elephantart
- 3 years ago
check #14
- 3 years ago
trinity0
- 3 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
- 3 years ago
njose
- 3 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?
- 3 years ago
Elephantart
- 3 years ago
plz check #14 and give feedback.
- 3 years ago
webgraphics007
- 3 years ago
Hey Sir thanks for rating going to provide you one more design
- 3 years ago
Elephantart
- 3 years ago
wait for my entry
- 3 years ago
stcDesign
- 3 years ago
Hi, I'll submit my entry by the end of the day.
- 3 years ago
webgraphics007
- 3 years ago
Hey do not close this contest before time i will put my work soon thanks
- 3 years ago
Contest Holder
- 3 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
- 3 years ago
inbs
- 3 years ago
working on design, will submit my entry soon.
- 3 years ago
hendrilubis
- 3 years ago
so what the final deliverd for this contest sir.
- 3 years ago
1. Contest Holder
  - 3 years ago
  PSDs
  - 3 years ago
2. hendrilubis
  - 3 years ago
  ok. i'll working on your contest. will sumbit as soon as my work done.
  - 3 years ago
sebcornelius
- 3 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
- 3 years ago
1. Contest Holder
  - 3 years ago
  Yes just design , no code
  - 3 years ago