Feb 17 2010

Showcase of City Tourism Website Designs

Advertisement

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.

About the Author

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.

Comments and Discussions
  • Namit Gupta, 17 February 2010

    Amazing Designs, the most attractive design according to me is of Spain’s tourism website.

  • GRAPHISTE SHANE, 17 February 2010

    I am a French designer, I come regularly to your blog
    thank you for this article.

    Here also a link to the video of my communications agency:

  • Ray Bentz, 17 February 2010

    Nice collection of tourism sites. Some are definitely worth a look for inspiration. I’ve built a “tourism blog” for Puerto Rico that mostly contains reviews of activities and operators on the island. Far from an “official” site, we’ve tried to offer a different viewpoint than traditional travel sites. I’ve chosen a customized magazine theme (based on BrandfordMagazine and Mimbo) for our WP-driven site. Definitely has more of a “newspaper” feel to it.

  • Michal Kozak, 17 February 2010

    Great roundup – my favourite is Philadelphia’s site, just beautiful :).

  • Jordan Walker, 17 February 2010

    I need a vacation!

  • julio, 17 February 2010

    great idea for a post

  • New York Web Designer, 17 February 2010

    Awesome roundup. Superb collection. Its really hard to choose the best, but my personal favorite is Philadelphia & Kansas City.

    Thanks for sharing.

  • Melle, 17 February 2010

    Thanks for the article! Very interesting to see how cities (try) to profile themselves!

    I found one mistake: the screenshot of “Basque Country Tourism (Spain)” is linked to visitsingapore.com!

  • Drew, 17 February 2010

    I may be biased because it’s my hometown, but the Philadelphia site is gorgeous. It’s everything I like about a website: clean, organized, and large imagery…

  • Adnan, 17 February 2010

    Great showcase. Conceptual and shows different cultures.
    I think http://www.istanbul.com/ has to mentioned as well.

  • Parveen Verma, 17 February 2010

    wow, what a collection, NYCGO, KANSAS and ofcourse PHILADELPHIA are my favs :) Thanks for the great collection.

  • Tom Thorpe, 17 February 2010

    Great summary of sites… one I feel that deserves to be on this list, http://www.australia.com/

  • Peach, 17 February 2010

    Nice collection. Philadelphia and NYC are my faves.

  • Neil Scott, 18 February 2010

    I’ve recently been putting together a visitors guide site for Glasgow and find some of these a bit conventional, but perhaps that is the nature of tourism where people just want to see the cliches asap.

  • babloodmax, 18 February 2010

    Hi Buddy!!!

    Very nice & Superb site for tourism portal.. thanks for sharing..

  • creativeatheart, 18 February 2010

    Norway and Australia also have fantastically designed tourism websites with great functionality! Well worth a look guys

  • Mark Garwell, 18 February 2010

    I wonder how much of the design was left to the designer and how much was a result of the dreaded ‘design by committee’ that often afflicts public sector organisations.
    Great post, thanks for the roundup.

  • Bob, 18 February 2010

    I love the South African Tourism website. The flash-based trip planner is really interesting and works well. Google maps may have been used in its place, but the custom build planner is at least quite unique.

  • Billy Fischer, 18 February 2010

    We just launched this site for a small community in Ohio http://irishisanattitude.com. It has a strong social media integration component with a Live Dashboard called “Dublin Live” http://irishisanattitude.com/dublin-live.html.

  • kris, 18 February 2010

    Hands-down the best tourism site I’ve seen is http://www.austintexas.org – talk about creating a visual experience and capturing the culture. Being in the tourism industry and looking to re-create our own website, this is what we aspire to have! Helpful list!

  • manolis, 18 February 2010

    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/

  • Creative Design Studio, 18 February 2010

    Very nice website! Very nice!

  • Michael Locke, 18 February 2010

    Nice! I’m loving the Philly design, very tight.

  • Chris, 18 February 2010

    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.

  • Murphsy, 19 February 2010

    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.

  • Bim, 19 February 2010

    thanks. im persuaded – im leaving the office and heading to the airport.

  • Troy, 25 February 2010

    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.

  • Liam Mackay, 25 February 2010

    Would reccommend checking out http://www.gothenburg.com and especially http://www.seemonterey.com/

  • Farhan, 28 February 2010

    No mention of INDIAN sites here? Check the one for Bangalore city: http://mybangalore.com

  • DW, 02 March 2010

    Another good one is the Yakima Valley in Washington State. You can see it here(http://visityakima.com/).

  • john Gancis, 10 March 2010

    Check out this site: http://www.keralatourism.org the site offers detailed information on State of Kerala – The Major Tourist Destination of India – One of the Most advised.

  • 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.

  • Arlette Westwood, 15 March 2010

    je trouve cet article tres interresant. je reviendrai suremenent sur ce site. bon courage

  • Peter A, 23 April 2010

    Tack!

  • Derrick Sanacore, 13 May 2010

    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.

  • Sandeep Soni, 02 June 2010

    NIce Work Keep it up

  • Toni R., 18 June 2010

    Here is some Finnish sites for travellers & DMC: http://www.goarctic.fi and http://www.arcticincentives.fi

  • Tyson F. Gautreaux, 22 June 2010

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

  • sagar, 08 July 2010

    good work

    • sagar, 08 July 2010

      hello

  • Sharm El Shaikh – Egypt

    egyptsharmtrips.com

  • Sal, 25 September 2010

    These sites are perfectly designed and optamized.

  • dolly mathews, 05 October 2010

    Japan Hears About Paris Hilton’s Drug Bust and Takes Action

  • Marsa alam dykning, 15 October 2010

    Trying to get information about Egypt, then there is a forum which you can use to read more about tourist places such as El Gouna or just about snorkeling in Egypt.

  • Tyler Malicote, 16 October 2010

    Thanks for the creative collection of these City Tourism Website Designs, they look so beautiful.

  • dinda, 19 November 2010

    Tricky beast indeed.
    Singapore tourism? The website is definitely better than their real tourism..

  • Mobile Hard Drive, 03 December 2010

    most travel sites have very nice webpages and their services are very nice too. ;”‘

  • Chetwin, 15 December 2010

    its still funny how people thing its called a flashlight and not a fleshlight

  • Moha, 15 January 2011

    Travel Morocco,Excursion Marrakech,Private Tours Morocco,Trip Sahara Desert Morocco 4×4 Morocco Trips, Marrakech Tours, Fes Trips, Morocco Camel ride, Camel Trekking Morocco, Marrakech Camel Treks, Marrakech to Fes desert tours, Fes to Marrakech desert tours, tailor made Tours Morocco, 3 days, 4days, 5, days Tours and Trips Morocco, Off Road Sahara Desert

  • Stefanie Bill, 18 January 2011

    Best design. For me the best design is Hunter Valley Wine Country (Australia. I would be pleased if you would update me if you have new designs.

  • sydneyprincesscruises, 21 February 2011

    The most of these websites are quite nice. Now, the website becomes a “face” of company, it can reflect this company’s reputation, business even culture. So, now the good design is very important.

  • Nisha, 21 February 2011

    Great post. I would like to add my place called Thamel. It is well designed, visually appealing and great navigations. you can visit http://www.tourismthamel.com

  • Banhawi, 23 April 2011

    Nice list , working on a tourism website now and that was really helpful . thank you

  • Royal Taxi Revere, 16 May 2011

    I will make sure to bring your new site to mine list so everyone can still find you. Good Luck!

  • Narender Rana, 15 June 2011

    Awesome collection dear:)

  • Casey Spitnale, 24 June 2011

    This is such a great list! THANK YOU for gathering all these together!

  • kirthi, 20 September 2011

    NIce Collection…. love these sites.. gr8 to see cities putting innovation to attract more people..

  • It?s actually a nice and helpful piece of information. I am glad that you shared this helpful information with us. Please stay us informed like this. Thanks for sharing.

  • erin, 17 February 2012

    Really inspirational designs. Thank you

  • Raymon, 29 February 2012

    Just visited kathmandu.Had a great experience.Found a very nice website.Well designed with great combination of colors. This would be nice addition to this list.

  • usher, 16 March 2012

    Really beautiful collection of designs, It’s interesting they all seem to have natural, colours like blues, greens,red and nude tones. These colours must evoke the traveller’s “itchy feet” emotion. Essentially the front page must be captivating but depending on the main function of the site, must be user friendly and be clear what the purpose of the site is.

  • Chew, 23 July 2012

    Really interesting set of design examples. Its interesting to see a slight degree of each nation’s culture and heritage shining through. Its all very subtle but evident if you look for it. I guess we could also guess the current graphic design trends prevalent in each country by having another glance over these great websites.

search form
 
image description image description