Issues of web design and structure


Published on

The slides used in a guest lecture by Dot Tourism at the University of Brighton.

Kate Waite from Dot Tourism, digital marketing specialists for the tourism and travel industry, presented the lecture to 55 final year students studying an e-tourism module as part of their Travel Marketing BA(Hons) and Tourism Management BA(Hons) degrees.

The lecture presented an overview of developing websites for the travel and tourism industry.

Published in: Technology
1 Comment
  • Great post with good information! At we use most of the tips in this post! The where to start slide are very good points which should be followed!
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • Issues of web design and structure

    1. 1. Issues of Web Design and Structure<br />Kate Waite <br />Dot Tourism<br />March 2011<br />
    2. 2. Dot Tourism<br />A digital branding & online marketing specialist for the travel and tourism sector<br />What we do<br /><ul><li> Website design
    3. 3. Search marketing
    4. 4. Social media
    5. 5. Content Management
    6. 6. Display Advertising
    7. 7. Email marketing</li></ul>Who we do it for<br />- DMOs & Tourist Boards- Tour Operators & Hotels- Travel PR & Marketing Agencies <br />
    8. 8. Importance of the web in travel sector<br />The internet is dominating the UK travel market and according to Forrester Research (2010), by 2013 46% of this business will be booked online<br />There are over 28.7 million people in the UK online travel market. Of these people, 22 million use search engines in their customer journey, with 92% of those that purchase using search at some point. (Study conducted by Nielsen, concerning the customer process in the UK online travel market. Full report<br />The majority of consumers will turn to the internet when planning a holiday to research, read reviews, browse photos, share information and to make bookings. <br />
    9. 9. What purposes do websites have to fulfil?<br />Information service, for example tourism board<br />Transactional, for example accommodation provider<br />Core business, for example e-commerce site like Expedia<br />Hobby or community site, for example travel blog<br />
    10. 10. Website development – where to start<br />Understand purpose of the website. What does it need to achieve?<br />Promote and inform about the brand<br />Generate discussion / social media<br />Collect data for future marketing<br />Make a booking / purchase product<br />
    11. 11. Website development – where to start<br />Scope of the website<br />What is the proposed budget?<br />What is the extent of the information it will hold?<br />What functions must it fulfil?<br />What technical elements must it include?<br />What database requirements are needed?<br />Who are the intended audience? Are different variations of the site needed for visitors in different countries?<br />
    12. 12. Development process<br />Elements of website development<br />Strategy: define a strategy that takes into account existing and future business objectives, marketing needs etc.<br />Architecture and design: Interface and information design. Visual elements that communicate with target audience. Clear navigation.<br />Content: Creation of original content optimised for the web<br />Programming: Data design and site architecture. Front end and back end coding.<br />
    13. 13. Development process<br />Data gathering – the planning and discovery phase<br />Is this a new site or redevelopment of an existing site<br />How much time can the client devote to content creation / updating<br />Is there existing branding / information that needs to be incorporated<br />What is their end goal for the website? What is considered a successful visit? <br />Questionnaire on current site if appropriate<br />Study site analytics and traffic<br /> At the end of this stage you will have a project brief outlining the business, creative, technical and content requirements. An outline budget, schedule and resource plan.<br />
    14. 14. Development process<br />Production<br />Creating a wireframe<br />Design<br />Front end coding (XHTML)<br />Cross-browser testing and validation<br />Back end development and CMS integration<br />Content loading<br />Optimisation<br />User testing<br />
    15. 15. Development process<br />Design<br />Easy to navigate<br />Focuses user attention on most important elements<br />Quick to load<br />Works across browsers on all screen sizes<br />Accessible<br />Fits with brand image<br />
    16. 16. Development process<br />Code<br />XHTML<br />CSS<br />JavaScript<br />
    17. 17. Mahindra Homestays Wireframe Dot Tourism<br />
    18. 18. Mahindra Homestays Design Dot Tourism<br />
    19. 19. Mahindra Homestays Cross Browser Testing Dot Tourism<br />
    20. 20. Content Management<br />Tool to allow users with no knowledge of website coding to manage and edit content on a website within set parameters.<br />Popular content management systems include<br />Expression Engine<br />Joomla<br />Word Press<br />
    21. 21. Accessibility<br />Web accessibility means that people with disabilities can use the Web.<br />Font size, Colours, Screen readers,<br />
    22. 22. Search Engine Optimisation<br />Majority of web traffic is driven by the major search engines Google, Bing and Yahoo.<br />Essential that you web site is found and indexed by search engines.<br />Nielsen found that 90% of searchers who purchased travel products used generic search highlighting the importance of the online travel industry investing in organic SEO to focusing on generic keywords. <br />The online environment is becoming increasingly competitive, and those companies who perform SEO will have a decided advantage in visitors and customers.<br />
    23. 23. Search Engine Optimisation<br />Keyword research – working out the value of keywords<br />Understanding long tail of keyword demand<br />Never duplicate content<br />Site optimisation<br />Link structure / architecture <br />SEO friendly code<br />Content optimisation / on page optimisation<br />Title tag<br />Header<br />Body copy<br />Bold text<br />Image alt tags<br />URL<br />Meta description<br />Link building<br /><br />
    24. 24. Content creation – Blog post for Mahindra Homestays -Keyword research Dot Tourism<br />
    25. 25. Competitor Analysis<br />
    26. 26. On Page Analysis<br />
    27. 27. Optimisation Report<br />
    28. 28. SEO guide from Google<br />Make pages primarily for users, not for search engines. Don't deceive your users or present different content to search engines than you display to users, which is commonly referred to as cloaking<br />Make a site with a clear hierarchy and text links. Every page should be reachable from at least one static text link<br />Create a useful, information-rich site, and write pages that clearly and accurately describe your content. Make sure that your <title> elements and ALT attributes are descriptive and accurate<br />Keep the links on a given page to a reasonable number (fewer than 100).<br />
    29. 29. Search engine marketing (SEM)<br />Pay per click<br />Search engine optimisation<br />Contextual advertising<br />Banner advertising<br />Affiliate marketing<br />Behavioural targeting <br />
    30. 30. Pay Per Click (PPC)<br />PPC is an internet advertising model used on websites, where advertisers pay only when the ad is clicked<br />Google, Yahoo, Microsoft, Facebook, LinkedIn <br />
    31. 31. Analysis<br />Websites are constantly evolving<br />Analysing site traffic shows you how people found your site and how they use it. Using this information you can enhance the visitor experience and direct visitors towards goals.<br />Google Analytics is leading web analytics tool<br />Track sales and conversions<br />Measure site engagement<br />Study entrance and exit paths<br />
    32. 32. Google Analytics to help redesign<br />What browsers should be supported?<br />What country specific pages or languages should be supported?<br />Which landing pages are effective (and which need reworking)?<br />Where customers are being lost during the goal / conversion process?<br />
    33. 33. Google Analytics to help redesign<br />Goal funnel visualization –graphically shows where visitors are leaking out of your conversion funnels. <br />For example this client was loosing a lot of visitors at the sign in / registration step. We were able to identify that the registration was too long and so in the site redesign have streamlined this process considerably.<br />
    34. 34. Maintenance <br />Websites need ongoing development and support<br />Adding new products / services / content<br />Evolve with new technology and mobile platforms<br />Review usage and make improvements<br />Search engine optimisation<br />Landing page optimisation<br />Hosting and database management<br />
    35. 35. What makes a good site?<br />Fulfils purpose<br />Good design<br />Well optimised<br /><ul><li>
    36. 36.
    37. 37.
    38. 38.
    39. 39.
    40. 40.</li></li></ul><li>Case study: Within Warwickshire Dot Tourism<br />
    41. 41. Case study: Within Warwickshire Dot Tourism<br />
    42. 42. Case study: Within Warwickshire Dot Tourism<br />Dot Tourism integrated a white label solution on offer from National Tourism Open Platformallowing us to tap into the national database with comprehensive, high quality product data.<br />
    43. 43. Further information<br />Travel Marketing Blog<br />Over 500 travel professionals subscribe to the Dot Tourism Travel marketing blog<br /><br />We also Tweet out interesting blog articles, statistics and reports on Twitter<br /><br />Email<br /><br />