Showcase of City Tourism Website Designs
Tourism websites can be a tricky beast. For some areas, where there are very specific attractions, designing their site can be simple. But for areas that have a host of attractions that appeal to many different kinds of people, it can be difficult to design a site that's representative of the area and appeals to everyone. After all, designing a site that appeals to wine lovers, ski buffs, culture fanatics and families isn't exactly straightforward.
Below we've collected more than thirty excellent examples of tourism sites. First are tourism sites for cities all over the world. Then we've featured sites for states, provinces, and countries. And finally we have regional tourism sites.
City tourism sites should reflect the cities the represent. They need to appeal to the variety of people who might be interested in visiting the city, and often provide vast amounts of information.
Showcase of Tourism Website Designs
New York City (New York, USA) The NYCGO site makes use of vibrant colors and a grid-based layout. London London's site is more subdued and uses a variety of shades of blue and gray in its design. Kansas City (Kansas, USA) The Kansas City tourism website has a vibrant color scheme of orange, blue, and lime green, as well as a striking header and simple navigation. Baltimore (Maryland, USA) Baltimore's tourism website also makes use of a blue, orange, and green color scheme, though the layout is entirely different. New Orleans (Louisiana, USA) The New Orleans Online site uses a dark, muted color scheme paired with a white content background and tan overall background. The site feels a bit crowded, but is still easy to use and navigate. Philadelphia (Pennsylvania, USA) Philadelphia's official tourism site makes use of a slideshow that showcases the city's attractions and accomodations over much of the home page. In fact, on a widescreen monitor it may be the only thing you see when you first visit the page. But the effect is stunning and really makes the site stand out. Ocean City (Maryland, USA) Ocean City, Maryland's site has a very beachy feel to it—perfectly appropriate for this particular city. The use of and orange, blue and off-white color scheme adds to the summery feeling. Vancouver (British Columbia, Canada) Vancouver's site uses a mostly blue and gray color scheme with bright accent colors. The also include social media links (Twitter and Facebook) right on the home page, a trend more city tourism sites are adopting. San Antonio (Texas, USA) San Antonio's official tourism site has a muted tan, brown and maroon color scheme that adds to its "Old West"/Southwest feeling. The addition of some subtle grunge elements further enhances the effect. Saint John (New Brunswick, Canada) Saint John's tourism website has a very simple, almost minimalist home page that makes good use of color. It includes a slideshow showcasing the city's attractions, as well as links to social media (Facebook and Twitter). Denver (Colorado, USA) Denver's site uses an interesting header and background image. The use of bright green accents throughout the design lend the site a more modern feeling, while also echoing the city's outdoor recreation opportunities. Boston (Massachusetts, USA) Boston's tourism site uses a red, white and blue grid layout, with a slideshow behind the main navigation. Los Angeles (California, USA) The Los Angeles tourism website has a clean, modern design and layout. It uses bright colors against a white background and multiple content areas, as well as tabbed top navigation.State, Province, and Country Tourism Sites
Because of the more varied attractions that these sites have to represent, they're often trickier to pull off than city sites. But the ones featured below each have their own unique look and still manage to appeal to a broad audience. Maine (USA) Maine's tourism website changes with the seasons (it's currently blue with a snowy motif), uses simple, vertical navigation and a slideshow of attractions. Virginia (USA) The official Virginia tourism site has an elegant, slightly old-world feeling to it. The burgundy accent colors hint at Virginia's burgeoning wine industry, and the whole thing evokes a feel of southern hospitality. California (USA) California's website has a very interesting slideshow-type navigation on their home page with is a pleasure to use. The site feels fresh while still maintaining a very neutral appearance that should appeal to a wide range of visitors. Spain Spain's tourism website makes use of bright colors and multiple navigation areas. Sweden Sweden's website has a great layout and clean blue, white, and gray color scheme. They use a large header image to immediately capture your attention, and drop-down navigation leaves the page looking uncluttered. Washington (USA) A gorgeous slideshow is the primary focus of the home page for Washington State's tourism website. The subtle, natural-toned color scheme is sure to appeal to nature-lovers, which is what the site seems to focus most heavily on. Bermuda Bermuda's unexpected color choice—pink—sets this apart from other tourism sites. The overall layout is inviting and features a large, interactive header image. South Africa South Africa's tourism site uses an interesting trip finder interface prominently on their home page, along with strong colors and tabs. Overall, it's a pleasure to use and provides plenty of useful information. Puerto Rico Puerto Rico's tourism site is definitely designed to appeal to nature-lovers and outdoor types. The brown and tan color scheme and use of transparency give the whole site a very sophisticated feel. Montana (USA) Montana's site has a very light color scheme and a surprisingly elegant layout. The slideshow immediately below the main navigation showcases Montana's attractions, more of which are displayed lower down on the page. Singapore Singapore's website color scheme is primarily red, with a decidedly Asian motif. The background and tabbed navigation are the best parts of the design, and what really give it its unique atmosphere.Regional Tourism Sites
Regional tourism sites often have an easier time of it than country, state, or city sites. This is often because they focus on a single regional attraction or amenity (such as wine or outdoor activities), which makes it easier to target a specific audience. Basque Country Tourism (Spain) The Basque Country Tourism site is one of the most minimalist on this list, and makes great use of typography to give it style. Sonoma Wine Country (California, USA) Sonoma's website makes use of a fairly traditional top navigation and bold header graphics. The site also features multiple icons and bright colors, echoing the main header image. Gladier Country (Montana, USA) This site uses a muted, dark color scheme with mostly white text. There are also links to various social media sites. Finger Lakes Wine Country (New York, USA) The Finger Lakes website makes heavy use of background textures, and the wine-colored accents and text are entirely fitting. Hunter Valley Wine Country (Australia) The Hunter Valley Wine Country site uses a subtle off-white, white and burgundy color scheme and a slideshow in the header. The Polaroid-styled navigation links are a nice touch that set it apart. Lancaster County (Pennsylvania, USA) The Lancaster County site has a great country feeling to it while still feeling modern and fresh. It's an excellent representation of what the area has to offer. South West England The official South West England tourism site uses a simple color scheme of blue, green, and white, and has a very informal feeling to it. It's a great representation of what the area has to offer, especially with the large background image of the Cornish Coastline.Conclusion
If you're tackling the design of a tourism website, whether official or unofficial, realize that you can't always be all things to all people. Focus on a few demographics you want to reach while trying not to alienate any other target groups for the best result. And make sure you look through plenty of existing sites, both the good and the bad, to get an idea of what's already been done, what's popular (slideshow headers should be on this list) and what does and doesn't work.Further Resources
While not all of the resources below apply specifically to general tourism sites, they still offer some useful and pertinent information that might come in handy.- How to Build a Website for a Tourism Business An eHow guide on building tourism business websites.
- Building Traffic to a Travel Website with 43Places A short post on building traffic using 43Places.
- Building a Destination Website - Part 1 The first in a series of comprehensive articles on building travel websites.
- 5 Link Building Strategies for Travel & Hospitality Sites A useful article on getting incoming links to your travel site.
Great collection – I’ve recently posted a similar post on my blog (5 basic principles & 25 best practices for DMO websites)- take a moment and check this out at: http://aboutourism.wordpress.com/2010/02/01/5-basic-principles-25-best-practices-for-dmo-websites/
Very nice website! Very nice!
Nice! I’m loving the Philly design, very tight.
Maine has been my favorite for quite some time, but there are some other great examples here too. I work full-time on an official tourism site: http://explorefairbanks.com Hope we can make a list like this at some point.
I would like to add the website of the city Groningen (the Netherlands): http://portal.groningen.nl/ which I think is a good looking, great navigating and nice information offering region site.
thanks. im persuaded – im leaving the office and heading to the airport.
This post would have come in really handy to me as I was deciding on a style of a local geo site that I have had developed. Fortunately I was able to find a great designer and am very happy with what I got.
I put together a portfolio similar to this so I could compare and contrast what I liked and what I didn’t when I was deciding.
Thanks for the great post.
Would reccommend checking out http://www.gothenburg.com and especially http://www.seemonterey.com/
No mention of INDIAN sites here? Check the one for Bangalore city: http://mybangalore.com
Another good one is the Yakima Valley in Washington State. You can see it here(http://visityakima.com/).