Since our site is brand new, we have decided to launch with just this single page template for now. (We will add a simple home page later on as well as several other pages, but this page template is the most important part of our site, so we would like to get it right before moving on to the other pages.)
This particular page template displays all of the various things to do in a particular town or city in the United States. So if you wanted to see a recommended list of all the things to do (attractions, activities, sightseeing, etc.) in San Francisco, then this page should give you everything you need to know and more.
We have attached a detailed mock-up (PDF) that outlines the basic structure of the page, and we have populated the mock-up with some content using San Francisco as an example. We are looking for someone to review the mock-up and create a template that can be used across the site for all of the towns and cities in our database.
While we are open to suggestions on how best to display the different pieces of content, every single piece of content that is currently included in the mock-up must be incorporated into the design one way or another (using the same exact text as well). We also think that the basic structure and flow used in the mock-up is pretty decent, so you should stick to the overall layout as we have defined it.
Other than the basic layout, you should consider everything else to be up to your imagination. All of the stylistic details (colors, shades, fonts, formats, spacing, sizing, framing, icons, boxes, accent lines, etc.) that are currently displayed in the mock-up are just there to separate the content and to give you an overall idea of how the page should look and function. We want any designer looking at this to think about how best to display each individual piece of content and how to make the page as user-friendly and visually pleasing as possible. In other words, you should take the basic layout/content of our mock-up, and then show us your fantastic design skills by making it look as great as possible!
Importantly, we do not yet have a logo. We plan on designing the logo to match the website rather than the other way around. We are not asking you to spend a bunch of time creating a custom logo for this project, since that should be a separate job. Instead, you can just use a placeholder for the logo that you think looks good enough for now. We promise not to judge your design based upon the logo that you use/create.
For the “Sort” buttons at the top of the listings section, and for the “Miles” buttons under the map, you can try different ways to display these features. We think that how we displayed them in the mock-up (i.e. as a series of buttons) should work fine, but if you know of a newer or better UI/UX technique to integrate this functionality then we’d love to see it. (But again, if you think the series of buttons works best, we’re okay with that too!)
For the footer section, we’d like to include the elements shown, but you can organize them however you see fit. The footer is probably the least important section of the page, but we at least want it to look nice.
Finally, we should mention that we expect at least 50% of our visitors to be accessing our site via mobile devices. Thus, the design should be as mobile-friendly as possible. We are open to suggestions about how best to accommodate this requirement, even if it means changing the structure/layout of the basic design.