Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
6 KEY ELEMENTS TO AGOOD WEBSITE
Presenters      Kirk Gray      Marketing Manager      Webs, Inc.       Kathy McGovern       VP of Product Marketing       ...
Overview   What makes a good website?   Bonus   Q&A
Element #1
ELEMENT 1: Good VisualDesign                            LogoDesignencompasses all visual                          Themelem...
How to improve websitedesign?
Website theme                GOOD:BAD             focused, understandable and                apparent
Fonts        GOOD: Easy to read forBAD     intended target audience
Logo       GOOD: easy to remember &BAD    portrays what you stand for
Colors         GOOD: Based onBAD      goals, matches the         theme, don’t distract
ELEMENT #2
ELEMENT 2: Relevant ContentInformationalelementsused on yourwebsite.                         ImagesShould be              ...
How to improve content?
Text       GOOD: Relevant to the purpose, Good       spacingBAD       Don’t be afraid of white space
Images/Videos                GOOD: Help to makeBAD             emotional connection
ELEMENT #3
ELEMENT 3: Navigation“The GPS ofyour                   NavigationWebsite”
How to improve navigation?
NavigationBAD: too many choices   GOOD: clear, understandable
Navigation Tips1.                  Keep it simple – don’t use fancy     Navigatio     n Bar           names that people h...
NavigationBAD          GOOD: clear, understandable
ELEMENT #4
ELEMENT4: Call to ActionSet of wordsthat urge thereader totake animmediateaction.
How to improve a call toaction?
Step 1- Select the Right SizeShouldn’t get lost amongst all the other elements. Confusing. Takes too long to             f...
Step 2 - ColorShould suggest a positive reaction (this is the reason why a lot of “next buttons” are greenand “cancel butt...
Step 3 - PlacementTest, Test, Test! Studies have shown that placing a call to action above thefold can increase conversion...
Step 4 – Copy (Text)Should be clear and straight to the point. . Do not try to fool yourvisitors by using misleading langu...
ELEMENT #5
ELEMENT5: CredibilityItems that         1. Verified Linkshelp identifythat you area legitimateresource                  ...
Examples of Social Proof
ELEMENT #6
ELEMENT 6: MobilityIs yourwebsitemobilefriendly?
BONUS
5 Mistakes that spell disaster for asite   Stale content   Content overload   No photos   Looking illegitimate   Bein...
QUESTIONS?For Additional Information:http://www.webs.com
Upcoming SlideShare
Loading in …5
×

6 Key Elements to a Good Website

40,780 views

Published on

A 30 minute guide to help you take your website to the next level. Discover simple to follow tips from the Webs pros regarding the top 6 key elements that make up a good website.

Plus! Gain insight into the top 5 mistakes that could spell disaster for your website.

Published in: Technology, Design
  • Be the first to comment

6 Key Elements to a Good Website

  1. 1. 6 KEY ELEMENTS TO AGOOD WEBSITE
  2. 2. Presenters Kirk Gray Marketing Manager Webs, Inc. Kathy McGovern VP of Product Marketing Webs, Inc.
  3. 3. Overview What makes a good website? Bonus Q&A
  4. 4. Element #1
  5. 5. ELEMENT 1: Good VisualDesign LogoDesignencompasses all visual Themelements eused on yourwebsite Font(s) Colors Layout White Space
  6. 6. How to improve websitedesign?
  7. 7. Website theme GOOD:BAD focused, understandable and apparent
  8. 8. Fonts GOOD: Easy to read forBAD intended target audience
  9. 9. Logo GOOD: easy to remember &BAD portrays what you stand for
  10. 10. Colors GOOD: Based onBAD goals, matches the theme, don’t distract
  11. 11. ELEMENT #2
  12. 12. ELEMENT 2: Relevant ContentInformationalelementsused on yourwebsite. ImagesShould be &relevant and Videosanswer:“What’s in itfor me?” Text
  13. 13. How to improve content?
  14. 14. Text GOOD: Relevant to the purpose, Good spacingBAD Don’t be afraid of white space
  15. 15. Images/Videos GOOD: Help to makeBAD emotional connection
  16. 16. ELEMENT #3
  17. 17. ELEMENT 3: Navigation“The GPS ofyour NavigationWebsite”
  18. 18. How to improve navigation?
  19. 19. NavigationBAD: too many choices GOOD: clear, understandable
  20. 20. Navigation Tips1.  Keep it simple – don’t use fancy Navigatio n Bar names that people have to guess2. Internal what it means Links  Keep like items grouped together,3. Site Maps this reduces the number of top level navigation items  Make it easy to find key information such as contact info or location
  21. 21. NavigationBAD GOOD: clear, understandable
  22. 22. ELEMENT #4
  23. 23. ELEMENT4: Call to ActionSet of wordsthat urge thereader totake animmediateaction.
  24. 24. How to improve a call toaction?
  25. 25. Step 1- Select the Right SizeShouldn’t get lost amongst all the other elements. Confusing. Takes too long to find.
  26. 26. Step 2 - ColorShould suggest a positive reaction (this is the reason why a lot of “next buttons” are greenand “cancel buttons” are red). Choosing a high contrast color scheme can help the call toaction stand out.
  27. 27. Step 3 - PlacementTest, Test, Test! Studies have shown that placing a call to action above thefold can increase conversions. Provide enough space around your call to actionto allow it to create a powerful impact. Should be prominent and doesn’t get lostamongst other elements on the page.
  28. 28. Step 4 – Copy (Text)Should be clear and straight to the point. . Do not try to fool yourvisitors by using misleading language, be upfront and tell themexactly what to expect.
  29. 29. ELEMENT #5
  30. 30. ELEMENT5: CredibilityItems that  1. Verified Linkshelp identifythat you area legitimateresource  2. Your Identity  3. Clearly displayed valid contact information  4. Good grammar  5. Social Proof
  31. 31. Examples of Social Proof
  32. 32. ELEMENT #6
  33. 33. ELEMENT 6: MobilityIs yourwebsitemobilefriendly?
  34. 34. BONUS
  35. 35. 5 Mistakes that spell disaster for asite Stale content Content overload No photos Looking illegitimate Being bland
  36. 36. QUESTIONS?For Additional Information:http://www.webs.com

×