6 key elements to a good website
DESCRIPTION
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.TRANSCRIPT
![Page 1: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/1.jpg)
6 KEY ELEMENTS TO A GOOD WEBSITE
![Page 2: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/2.jpg)
Presenters
Kirk GrayMarketing ManagerWebs, Inc.
Kathy McGovernVP of Product MarketingWebs, Inc.
![Page 3: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/3.jpg)
Overview
What makes a good website? Bonus Q&A
![Page 4: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/4.jpg)
Element #1
![Page 5: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/5.jpg)
ELEMENT 1: Good Visual Design
Design encompasses all visual elements used on your website
Logo
Font(s)Colors
Theme
Layout
White Space
![Page 6: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/6.jpg)
How to improve website design?
![Page 7: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/7.jpg)
Website theme
BAD GOOD: focused, understandable and apparent
![Page 8: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/8.jpg)
Fonts
BAD GOOD: Easy to read for intended target audience
![Page 9: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/9.jpg)
Logo
BAD GOOD: easy to remember & portrays what you stand for
![Page 10: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/10.jpg)
Colors
BAD GOOD: Based on goals, matches the theme, don’t distract
![Page 11: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/11.jpg)
ELEMENT #2
![Page 12: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/12.jpg)
ELEMENT 2: Relevant Content
Informational elements used on your website.
Should be relevant and answer: “What’s in it for me?”
Images &
Videos
Text
![Page 13: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/13.jpg)
How to improve content?
![Page 14: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/14.jpg)
Text
BADGOOD: Relevant to the purpose, Good spacing
Don’t be afraid of white space
![Page 15: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/15.jpg)
Images/Videos
BAD GOOD: Help to make emotional connection
![Page 16: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/16.jpg)
ELEMENT #3
![Page 17: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/17.jpg)
ELEMENT 3: Navigation
“The GPS of your Website”
Navigation
![Page 18: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/18.jpg)
How to improve navigation?
![Page 19: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/19.jpg)
Navigation
BAD: too many choices GOOD: clear, understandable
![Page 20: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/20.jpg)
Navigation Tips
1. Navigation Bar
2. Internal Links
3. Site Maps
Keep it simple – don’t use fancy names that people have to guess what it means
Keep like items grouped together, this reduces the number of top level navigation items
Make it easy to find key information such as contact info or location
![Page 21: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/21.jpg)
Navigation
BAD GOOD: clear, understandable
![Page 22: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/22.jpg)
ELEMENT #4
![Page 23: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/23.jpg)
ELEMENT4: Call to Action
Set of words that urge the reader to take an immediate action.
![Page 24: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/24.jpg)
How to improve a call to action?
![Page 25: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/25.jpg)
Step 1- Select the Right Size
Shouldn’t get lost amongst all the other elements.
Confusing. Takes too long to find.
![Page 26: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/26.jpg)
Step 2 - Color
Should suggest a positive reaction (this is the reason why a lot of “next buttons” are green and “cancel buttons” are red). Choosing a high contrast color scheme can help the call to action stand out.
![Page 27: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/27.jpg)
Step 3 - PlacementTest, Test, Test! Studies have shown that placing a call to action above the fold can increase conversions. Provide enough space around your call to action to allow it to create a powerful impact. Should be prominent and doesn’t get lost amongst other elements on the page.
![Page 28: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/28.jpg)
Step 4 – Copy (Text)
Should be clear and straight to the point. . Do not try to fool your visitors by using misleading language, be upfront and tell them exactly what to expect.
![Page 29: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/29.jpg)
ELEMENT #5
![Page 30: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/30.jpg)
ELEMENT5: Credibility
Items that help identify that you are a legitimate resource
1. Verified Links
2. Your Identity 3. Clearly displayed valid
contact information 4. Good grammar 5. Social Proof
![Page 31: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/31.jpg)
Examples of Social Proof
![Page 32: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/32.jpg)
ELEMENT #6
![Page 33: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/33.jpg)
ELEMENT 6: Mobility
Is your website mobile friendly?
![Page 34: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/34.jpg)
BONUS
![Page 35: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/35.jpg)
5 Mistakes that spell disaster for a site
Stale content Content overload No photos Looking illegitimate Being bland
![Page 36: 6 Key Elements to a Good Website](https://reader035.vdocument.in/reader035/viewer/2022070313/5549b652b4c905fc7f8b49ac/html5/thumbnails/36.jpg)
QUESTIONS?
For Additional Information:
http://www.webs.com