Your SlideShare is downloading. ×
0
CREATING EFFECTIVE
WEBSITES
PRESENTER
DIANA SILVEIRA
NOVARE LIBRARY SERVICES
AGENDA
• ANATOMY OF A WEBSITE
• BEST PRACTICES FOR WEB DESIGN
• TRENDS TO CONSIDER
• OPEN SOURCE & FREE SOFTWARE
• QUESTIO...
2
3
4
1
BEST PRACTICES
INFORMATION TO INCLUDE
BASICS
• WHO
• WHAT
• WHY
CONTACT
WHERE
• FOOTER/HEADER
• ABOUT US
HOW
• CONTACT FORM
• EMAIL
• PHONE
• SOCIAL MEDIA
MENU
• WHAT SERVICE DO YOU PROVIDE?
• HOW MANY MENUS?
• HOW DEEP SHOULD YOUR MENU
BE?
SHOULD YOU
HAVE A BLOG?
YES!
NO!
- Increase your SEO
- Establish Your Expertise
- You can not dedicate time
TRENDS TO CONSIDER
COLOR
COLOR CHART FROM
HTTP://JASONATHEN.COM/COLOR-MEANINGS-IN-BUSINESS/
Great color tool:
http://colorschemedesigner.com/
FONTS
• NON TRADITIONAL FONTS
• GREAT SOURCE: GOOGLE FONTS
Images from http://goo.gl/xtUAo9 and http://goo.gl/3tfU21
CALL TO ACTION
AKA HERO SECTIONS ARE
ACTION BLOCKS ON YOUR FRONT
PAGE –WITH A CALL TO ACTION
http://goo.gl/za1ITl
LONG SCROLLING SITES
INFINITE SCROLL PAGES CREATE THE
EXPERIENCE OF MANY SOCIAL MEDIA
SITES
FOCUS ON MOBILE
• RESPONSIVE DESIGN
• APPS
RESPONSIVE WEBSITE BENEFITS
• SITE WILL REFORMAT FOR PHONES AND TABLETS
• IS NOT DEVICE DRIVEN, WORKS IN A BROWSER
• LOWER...
APP BENEFIT
• UTILIZES NATIVE POWER OF PHONE
• EASY TO DOWNLOAD AND SAVE
• CAN GENERATE REVENUE
MORE – VIDEO & PHOTOS
DROPPING THE SIDEBAR
FULL
IMAGE
LANDING
PAGES
SIMPLICITY
HTTP://SMALLFARMJUICE.COM/
SOFTWARE OPTIONS
WORDPRESS
WORDPRESS • .ORG V .COM
• OPEN SOURCE
• BASED ON THEMES & PLUGINS
• EASY TO IMPLEMENT AND MANAGE
Sample Site: http://playg...
JOOMLA
HTTP://WWW.JOOMLA.ORG/
EXTENSIONS
TEMPLATES
ADDITIONAL TIPS
GOOGLE ANALYTICS
TEST IN ALL MODERN BROWSERS
• INTERNET EXPLORER
• GOOGLE CHROME
• MOZILLA'S FIREFOX
• APPLE’S SAFARI
• AND MOBILE DEVICES
QUESTIONS
CONTACT
DIANA SILVEIRA
DIANA@NOVARELIBRARY.COM
877-816-9638
SLIDESHARE.NET/DEE987
Upcoming LearnSurge
Programs:
The Basics...
Learnsurge: Creating Effective Websites
Upcoming SlideShare
Loading in...5
×

Learnsurge: Creating Effective Websites

316

Published on

A professional website is essential for growing your business and staying connected to your current customers. Join Diana Silveira and learn how you can create your website with minimal technical skills and money using Open Source Software like Joomla and WordPress.

This LearnSurge program will also help you learn what information is essential and what information you should not include on your new webpage and how to secure your web address before launching your web presence.

Recording available through: www.learnsurge.com

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
316
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • guidelines:Your call to action buttons should ideally be the largest buttons on a given pageUse contrasting colors to make smaller buttons stand out moreUse less distinct colors to make oversized buttons fit in betterYou call to action buttons need to command attention without overwhelming your design
  • Transcript of "Learnsurge: Creating Effective Websites"

    1. 1. CREATING EFFECTIVE WEBSITES PRESENTER DIANA SILVEIRA NOVARE LIBRARY SERVICES
    2. 2. AGENDA • ANATOMY OF A WEBSITE • BEST PRACTICES FOR WEB DESIGN • TRENDS TO CONSIDER • OPEN SOURCE & FREE SOFTWARE • QUESTIONS
    3. 3. 2 3 4 1
    4. 4. BEST PRACTICES
    5. 5. INFORMATION TO INCLUDE
    6. 6. BASICS • WHO • WHAT • WHY
    7. 7. CONTACT WHERE • FOOTER/HEADER • ABOUT US HOW • CONTACT FORM • EMAIL • PHONE • SOCIAL MEDIA
    8. 8. MENU • WHAT SERVICE DO YOU PROVIDE? • HOW MANY MENUS? • HOW DEEP SHOULD YOUR MENU BE?
    9. 9. SHOULD YOU HAVE A BLOG? YES! NO! - Increase your SEO - Establish Your Expertise - You can not dedicate time
    10. 10. TRENDS TO CONSIDER
    11. 11. COLOR COLOR CHART FROM HTTP://JASONATHEN.COM/COLOR-MEANINGS-IN-BUSINESS/ Great color tool: http://colorschemedesigner.com/
    12. 12. FONTS • NON TRADITIONAL FONTS • GREAT SOURCE: GOOGLE FONTS Images from http://goo.gl/xtUAo9 and http://goo.gl/3tfU21
    13. 13. CALL TO ACTION AKA HERO SECTIONS ARE ACTION BLOCKS ON YOUR FRONT PAGE –WITH A CALL TO ACTION http://goo.gl/za1ITl
    14. 14. LONG SCROLLING SITES INFINITE SCROLL PAGES CREATE THE EXPERIENCE OF MANY SOCIAL MEDIA SITES
    15. 15. FOCUS ON MOBILE • RESPONSIVE DESIGN • APPS
    16. 16. RESPONSIVE WEBSITE BENEFITS • SITE WILL REFORMAT FOR PHONES AND TABLETS • IS NOT DEVICE DRIVEN, WORKS IN A BROWSER • LOWER COST
    17. 17. APP BENEFIT • UTILIZES NATIVE POWER OF PHONE • EASY TO DOWNLOAD AND SAVE • CAN GENERATE REVENUE
    18. 18. MORE – VIDEO & PHOTOS
    19. 19. DROPPING THE SIDEBAR
    20. 20. FULL IMAGE LANDING PAGES
    21. 21. SIMPLICITY HTTP://SMALLFARMJUICE.COM/
    22. 22. SOFTWARE OPTIONS
    23. 23. WORDPRESS
    24. 24. WORDPRESS • .ORG V .COM • OPEN SOURCE • BASED ON THEMES & PLUGINS • EASY TO IMPLEMENT AND MANAGE Sample Site: http://playground.novarelibrary.com/
    25. 25. JOOMLA HTTP://WWW.JOOMLA.ORG/
    26. 26. EXTENSIONS
    27. 27. TEMPLATES
    28. 28. ADDITIONAL TIPS
    29. 29. GOOGLE ANALYTICS
    30. 30. TEST IN ALL MODERN BROWSERS • INTERNET EXPLORER • GOOGLE CHROME • MOZILLA'S FIREFOX • APPLE’S SAFARI • AND MOBILE DEVICES
    31. 31. QUESTIONS
    32. 32. CONTACT DIANA SILVEIRA DIANA@NOVARELIBRARY.COM 877-816-9638 SLIDESHARE.NET/DEE987 Upcoming LearnSurge Programs: The Basics of Running a Small Business May 14, 2014 3D Printers, Pens and Trends June 4, 2014
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×