Website strategy - How to build a fun website that works

2,072 views

Published on

Let's throw all the buzzwords out of the window when it comes to designing and building a website. Instead, let's focus on how to build a website that is fun for visitors. Because the more fun the website is, the more effectively you will reach your marketing and business goals.

Published in: Marketing

Website strategy - How to build a fun website that works

  1. 1. @EricRitter HOWTO BUILD A WEBSITE A.K.A.WEBSITE STRATEGY ! eric ritter.
  2. 2. @EricRitter WHAT DOYOUTHINK MAKES A GOOD WEBSITE?
  3. 3. @EricRitter LET'STHROW OUT ALLTHE BUZZWORDS. ‣ IA ‣ UI ‣ UX ‣ Responsive Design ‣ Adaptive Design ‣ Marketing Funnel
  4. 4. @EricRitter AND HAVE SOME FUN!
  5. 5. @EricRitter
  6. 6. @EricRitter
  7. 7. @EricRitter
  8. 8. @EricRitter
  9. 9. @EricRitter
  10. 10. @EricRitter BECAUSE WEBSITE =THEME PARK. ‣ create amazing attractions. ‣ give visitors a warm welcome. ‣ make it easy to see it all. ‣ make sure they take souvenirs. ‣ invite them back for more.
  11. 11. @EricRitter
  12. 12. @EricRitter WHO WILLYOUR VISITORS BE?
  13. 13. @EricRitter
  14. 14. @EricRitter TARGET =VISITORS. ‣ how do we determine the target? ‣ what is their age range? ‣ what is their psychographic? ‣ what’s their online proficiency? ‣ what websites do they frequent now? ‣ what “theme” will attract them?
  15. 15. @EricRitter WHAT ATTRACTIONS WILL WE FEATURE?
  16. 16. @EricRitter
  17. 17. @EricRitter CONTENT = ATTRACTIONS. scope out possible content ‣ what do they need to know? ‣ what do they want to see? ‣ what do they want to experience?
  18. 18. @EricRitter HOW WILLTHEY GET AROUNDTHE PARK?
  19. 19. @EricRitter
  20. 20. @EricRitter SITE ARCHITECTURE = MAP. ‣ organize into categories. ‣ determine exact pages. ‣ remember that one page can hold more than one thing. ‣ build a rough wireframe. ‣ build a sitemap.
  21. 21. @EricRitter WIREFRAME.
  22. 22. @EricRitter SITEMAP.
  23. 23. @EricRitter HOW DO WE WELCOME THEM?
  24. 24. @EricRitter
  25. 25. @EricRitter DESIGN = EXPERIENCE. ‣ easy to see what the theme is. ‣ not overwhelming. ‣ call to actions for main areas. ‣ every page can be a homepage / landing page.
  26. 26. @EricRitter WHAT WILLTHE EXPERIENCE FEEL LIKE?
  27. 27. @EricRitter
  28. 28. @EricRitter DESIGN = EXPERIENCE. ‣ get a professional designer. ‣ designer & developer need to be on the same page. ‣ scope out all features up front. ‣ does it need to have a cms? ‣ chose a developer. ‣ check and qa everything relentlessly.
  29. 29. @EricRitter DESIGN CONSIDERATIONS. ‣ screen resolution. ‣ type of content. ‣ how many pages? ‣ color palette. ‣ navigation. ‣ imagery. ‣ client participation. ‣ “mood board”.
  30. 30. @EricRitter MARKETING CONSIDERATIONS. ‣ what do you want visitors to do on the site? ‣ make it obvious to them. ‣ layout that’s easy to understand. ‣ calls to actions. ‣ use images to direct attention and eyes. ‣ forms are important for tracking. ‣ don’t bury (hide) important pages.
  31. 31. @EricRitter WHAT SOUVENIRS CAN WE GIVETHEM?
  32. 32. @EricRitter
  33. 33. @EricRitter SUBSCRIPTION / PURCHASE = SOUVENIR. ‣ fresh content is king. ‣ blog / news. ‣ forms. ‣ email list. ‣ social media profiles. ‣ rss.
 ‣ ecommerce that people trust.
  34. 34. @EricRitter HOW CAN WE MEASURE ATTENDANCE?
  35. 35. @EricRitter
  36. 36. @EricRitter ANALYTICS = ATTENDANCE. things we can track. ‣ popular pages. ‣ hits per page. ‣ time spent per page. ‣ how they found the site. ‣ referrals from other sites and social media.
  37. 37. @EricRitter ANALYTICS = ATTENDANCE. things we can track. ‣ see which visitors “converted”. ‣ modify the site based on findings. ‣ e.g. add calls to action on popular pages. ‣ e.g. try to reduce “bounces”.
  38. 38. @EricRitter HOW CAN WE GET THEMTO COME BACK?
  39. 39. @EricRitter
  40. 40. @EricRitter MARKETING = RETURNVISITS. ‣ search engine optimization (seo). ‣ social media. ‣ paid search (ppc). ‣ viral / word of mouth. ‣ email marketing.
  41. 41. @EricRitter EXAMPLES: THE BAD.
  42. 42. @EricRitter
  43. 43. @EricRitter
  44. 44. @EricRitter
  45. 45. @EricRitter EXAMPLES: THE GOOD.
  46. 46. @EricRitter
  47. 47. @EricRitter
  48. 48. @EricRitter
  49. 49. @EricRitter
  50. 50. @EricRitter THANKYOU. ! ! Follow me: twitter.com/EricRitter

×