powering tour and activity businesses worldwide

Designing Your Tour & Activity Website – A Primer

Prerequisites: So you're now ready to start designing your website or you're considering a re-design.  Taking into account all things you've learned like security, trust, content management systems, video, and photos, what else is there to know? This primer will give you a good background in what to consider before you design or redesign your tour and activity website.

Estimated Time for Completion: 15 min reading time

Details: Websites have come a long way in the last fifteen years.  In the beginning (yes there was a beginning for the commercial Internet), there were only very basic browsers with very basic capabilities.  Now, however, browsers are quickly becoming the interface of choice for many web-based applications.  But what does this mean for you as a tour or activity operator?  Well, generally speaking, it means you are lucky it's today and not fifteen years ago because you now have access to sophisticated tools and incredible designs at a fraction of the cost.  Most of your customers also have access to high speed Internet connections which means that you don't need to be quite so concerned with images and videos as you did even a few years ago.  Here is my top ten list for things to keep in mind as you move forward with your website (re)design.

  1. Design for modern browsers.  This means making sure your website is designed to appear consistent in Firefox, Safari, and Google Chrome.  Avoid IE only designs and don't bother trying to design for IE 6 anymore, if we don't, it will continue to plague the Internet.
  2. Consistent branding and header. Make sure your header area and branding is consistent across all your pages. This is important because your visitors will come to rely on your header for important links.  Don't forget to make sure your logo is a clickable link back to your home page.  Your header will also provide important keywords for searching purposes.
  3. 1024 x 768 is the new 800 x 600.  Don't know what I mean?  1024 is the pixel width of the most widely used resolution on both PC and MAC.  Most netbooks now also support 1024 x 600 as their default resolution.  When designing your site, be sure to use this as your width.  Taking into account that this is a much higher resolution, also consider increasing your default font size to accommodate larger monitors.
  4. Keep navigation simple and consistent.  Nothing irritates a visitor more than having to hunt around for information.  Make sure your navigation is easy to use, located in a consistent place, and provides access to all your vital information.
  5. Keep important content above the fold.  Make sure your page header or content of interest is visible above the fold.  This means making sure that your header is not so big that it uses up all the most valuable real-estate on the screen.  Remember that most users scan the site from the upper left corner to lower right corner, unless there is an image or headline that draws their attention.
  6. Consistent branded colors.  This means using your branded colors in a conservative manner and only where required.  Avoid using bold red or multicolored text, it may attract attention, but it will also drastically reduce the professionalism of your site.
  7. Use images that are relevant, meaningful, and professional.  Make sure that any images you use, whether they are icons, photos, or screen grabs are high quality and properly sized.  Keep your images at web resolution and not just resized to fit on the site.  A large photo that is reduced to fit without adjusting the resolution will result in a pixelated image that looks unprofessional.
  8. Balance text, images, and white space.  You're probably not a designer and that's okay.   Chances are that you've been around the web and visited sites that you like and sites that you don't like.  Make a note of how the sites that you like are designed and emulate them.  You'll probably find that most of the sites you like share common elements.
  9. Stick with a white background.  Lots of sites have different colored backgrounds but in my opinion, nothing is more versatile then the white background.  This is especially true if you plan on integrating other services or applications into your website.
  10. Use Flash or other animated objects sparingly.  Don't use Flash animation just because you can.  Unless you have a meaningful message to convey with an animation, I recommend you stick with text and a nice professional photo instead.  If you do use Flash, give your visitor the ability to skip it easily or turn it off altogether.

Bonus: For the love of all things good and user friendly, please do not auto-play music on your website.  Nothing is more of a turn off on a website than listening to a midi version of "Stairway to Heaven".  Just because you can play background music, doesn't mean you should.

Outcome: You are now confident in your ability to move forward with a (re)design of your tour and activity website.  Take what you have learned here and apply it to your next steps of either designing the site yourself or hiring a web designer to do it for you.

References:

  1. http://developer.apple.com/internet/webcontent/bestwebdev.html
  2. http://www.businesslink.gov.uk/bdotg/action/layer?topicId=1075384855
  3. http://www.smashingmagazine.com/2008/12/15/10-useful-techniques-to-improve-your-user-interface-designs/
  4. http://psd.tutsplus.com/designing-tutorials/9-essential-principles-for-good-web-design/
  5. http://www.smashingmagazine.com/2009/06/29/45-incredibly-useful-web-design-checklists-and-questionnaires/

Written by

Stephen is the CEO and Co-Founder of Rezgo. He has been working as a travel & tourism technology consultant since 1995. Stephen is active in fostering tourism technology and is a Past Chair of the OpenTravel Alliance. He is also a regular contributor for Tnooz, a leading travel technology media site, and speaks regularly at conferences around the Globe on travel & tourism technology, messaging standards, and industry trends.

We would love your feedback