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.

1. @EricRitter
HOWTO BUILD A WEBSITE
A.K.A.WEBSITE STRATEGY
!
eric ritter.

2. @EricRitter
WHAT DOYOUTHINK
MAKES A GOOD WEBSITE?

3. @EricRitter
LET'STHROW OUT ALLTHE
BUZZWORDS.
‣ IA
‣ UI
‣ UX
‣ Responsive Design
‣ Adaptive Design
‣ Marketing Funnel

4. @EricRitter
AND HAVE SOME FUN!

5. @EricRitter

6. @EricRitter

7. @EricRitter

8. @EricRitter

9. @EricRitter

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. @EricRitter

12. @EricRitter
WHO WILLYOUR
VISITORS BE?

13. @EricRitter

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. @EricRitter
WHAT ATTRACTIONS
WILL WE FEATURE?

16. @EricRitter

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. @EricRitter
HOW WILLTHEY GET
AROUNDTHE PARK?

19. @EricRitter

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. @EricRitter
WIREFRAME.

22. @EricRitter
SITEMAP.

23. @EricRitter
HOW DO WE WELCOME
THEM?

24. @EricRitter

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. @EricRitter
WHAT WILLTHE
EXPERIENCE FEEL LIKE?

27. @EricRitter

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. @EricRitter
DESIGN CONSIDERATIONS.
‣ screen resolution.
‣ type of content.
‣ how many pages?
‣ color palette.
‣ navigation.
‣ imagery.
‣ client participation.
‣ “mood board”.

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. @EricRitter
WHAT SOUVENIRS CAN
WE GIVETHEM?

32. @EricRitter

33. @EricRitter
SUBSCRIPTION / PURCHASE =
SOUVENIR.
‣ fresh content is king.
‣ blog / news.
‣ forms.
‣ email list.
‣ social media profiles.
‣ rss.
‣ ecommerce that people trust.

34. @EricRitter
HOW CAN WE MEASURE
ATTENDANCE?

35. @EricRitter

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. @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. @EricRitter
HOW CAN WE GET
THEMTO COME BACK?

39. @EricRitter

40. @EricRitter
MARKETING = RETURNVISITS.
‣ search engine optimization (seo).
‣ social media.
‣ paid search (ppc).
‣ viral / word of mouth.
‣ email marketing.

41. @EricRitter
EXAMPLES:
THE BAD.

42. @EricRitter

43. @EricRitter

44. @EricRitter

45. @EricRitter
EXAMPLES:
THE GOOD.

46. @EricRitter

47. @EricRitter

48. @EricRitter

49. @EricRitter

50. @EricRitter
THANKYOU.
!
!
Follow me: twitter.com/EricRitter