Cameron Chapman February 17th, 2010

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) nycgo The NYCGO site makes use of vibrant colors and a grid-based layout. London visitlondon London's site is more subdued and uses a variety of shades of blue and gray in its design. Kansas City (Kansas, USA) visitkc 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) visitbaltimore 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) neworleans 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) visitphilly 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) oceancity 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 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) visitsanantonio 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) saintjohn 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 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 Boston's tourism site uses a red, white and blue grid layout, with a slideshow behind the main navigation. Los Angeles (California, USA) losangeles 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) visitmaine 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) virginia 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) visitcalifornia 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 Spain's tourism website makes use of bright colors and multiple navigation areas. Sweden 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) experiencewa 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 bermudatourism 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 southafrica 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 puertorico 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 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 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) basquecountry 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) sonomawinecountry 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) glaciercountry 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) fingerlakes 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) huntervalley 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) lancastercounty 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 southwestengland 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.

Cameron Chapman

Cameron Chapman is a professional Web and graphic designer with many years of experience. She writes for a number of blogs, including her own, Cameron Chapman On Writing. She’s also the author of Internet Famous: A Practical Guide to Becoming an Online Celebrity.

62 comments

  1. Love the top left of the puerto rico one. Cool post, I’ve worked on a ton of tourism sites and never even thought about this.

  2. Appears like lots of xbox enthusiasts here, I am a fan too and enjoy to play games… my gf says I play too much, but man it’s so pleasant. I’ve been playing callofduty: mw2 and halo for weeks and can’t quit! What would you guys recommend? Anyhow, appears like a sweet site, is this wordpress? I’ve created a couple pages myself and ain’t easy. Thanks for taking time to post.

  3. Hello I have been following a while now and I was wondering If you could write a guide on deathstreaks.Would appreciate it!

Leave a Reply

Your email address will not be published. Required fields are marked *