We are a young startup in the travel industry. We provide a plattform for people who want to travel the world. Want to find the best beach in Australia for surfing? Need a cheap but clean hostel in Bangkok? Want to find the best sushi bar in Kyoto? Our community of travel enthusiasts can help and offer valuable advice.
Young people interested in exploring the whole world. Exotic countries, modern cities, great beaches, backpacking in Thailand etc. Most of the users will be students and young professionals. Only users with a Facebook account can use the site for asking questions and answering them.
For our given project (ruby on rails application for a community based q&a site) we need a web design. The structure is already there, we need you to create a nice design for it.
Althoug the site is in German, the contents should be pretty clear. Also, all the CSS classes in the divs carry meaningful english names, so the understanding of the structure should not be hard.
We actually really like the style of 99designs, so something similar in structure would be fine with us.
It is a Rails application and contains "flash notices" when you do something. Please do keep that in mind.
We have included the picture in the header. Feel free to use it,.
This is the homepage of the community.
The header contains a logo, a facebook login button (and when logged in a profile) and a google custom search box.
Then we have the main content, with some text, a list of recent questions, a list of recent tags and again text. The sidebar contains a facebook like box and the most often used tags.
And then the footer containing links.
Question Details Page:
This is the detail page of a sample question.
Header, footer and sidebar stay the same as on the homepage.
The content contains:
the question with social buttons (facebook share, retweet), user profile, datetime, question text, fb-like button and a list with tags for the question.
Then there is a list with answers (also with user profiles and datetime).
Then there is the form for creating an answer.
Then there are similar questions (with ads included).
And in the end the google custom search.
This is the site you should create the css for. Please use it a little to get familiar, it is really straightforward and not that complex. You will need a facebook account to creat a question or write an answer. We will delete it afterwards, do not worry. Currently, the page contains only dummy data for demo purposes.
Important: We use blueprint.css
This is a competitors site. We obviously dont want to look like that and we dont find it pretty, all the corners of buttons and boxes look cheap and the colors dont match well.
This site is rather similar to ours (althoug it is about coding). We like the look, especially the style of the tags (like buttons). Tags like these are very welcome :)