SlideShare a Scribd company logo
1 of 19
Websites
Designing, writing, programming, and
integrating them into a marketing plan.




Ashland University – October 18, 2011
© 2011 Gong Gong Communications. All rights reserved.
Websites as a Marketing Tool

▪Websites should be an integrated
 marketing plan – not a standalone
 entity
▪They should act as a marketing,
 communications, and information hub



Ashland University – October 18, 2011
© 2011 Gong Gong Communications. All rights reserved.
It All Works Together

                                                        E-mail



                                             Website             Blog




Ashland University – October 18, 2011
© 2011 Gong Gong Communications. All rights reserved.
What Should a Site Contain
▪ It completely varies!
▪ Usually, a site includes:
     – Home page
     – About the person/organization
     – Services/products/benefits
     – Become a client/join the organization
     – Resources/blog
     – Contact us/location


Ashland University – October 18, 2011
© 2011 Gong Gong Communications. All rights reserved.
Elements of good website design
▪ Design is inline with your organization’s brand
▪ The colors aren’t too bright or dull
▪ Text colors and sizes are easily readable
▪ Use web-safe fonts
▪ The site fits most-used screen sizes
▪ Appropriate use of photos and graphics
▪ Pages aren’t too long


Ashland University – October 18, 2011
© 2011 Gong Gong Communications. All rights reserved.
Elements of good website copy
▪ Short, concise, and to the point!
▪ Immediately provides the information the user
  wants/needs (WIIFM)
▪ Focuses on benefits, not features
▪ Utilize smaller paragraphs and bulleted/numbered
  lists
▪ Use keywords in your copy (but don’t stuff!)


Ashland University – October 18, 2011
© 2011 Gong Gong Communications. All rights reserved.
Elements of good website programming
▪ Always use text instead of images for the design
▪ Ensure your site is W3C validated (if possible)
▪ Make sure your site is compatible on all major
  search engines
▪ Don’t use antiquated code




Ashland University – October 18, 2011
© 2011 Gong Gong Communications. All rights reserved.
Search Engine Optimization
▪ Create a site map and submit it to search
  engines
▪ Use keywords in your website copy
▪ List your URL on as many other websites as
  possible (back links)
▪ Use keyword-based text links as much as
  possible
▪ Constantly change and update your website’s
  content
Ashland University – October 18, 2011
© 2011 Gong Gong Communications. All rights reserved.
Accessibility & Usability Matter!
▪ Easy to use navigation is key
▪ Information should never be more than 2-3 clicks
  away from the homepage
▪ Simple, multi-tiered navigation ensures user won’t
  get lost as easily
▪ Enable your website to be easily accessed by
  those with disabilities
▪ Users can access it from mobile devices

Ashland University – October 18, 2011
© 2011 Gong Gong Communications. All rights reserved.
Glossary
▪ FTP: The system that transfers files from one
  host (computer) to another
▪ URL: A webpage’s address
▪ Domain Name: A website’s address and also the
  extension at the end (.com, .net, etc.)
▪ Domain Registrar: The company who reserves
  and manages a website’s domain
▪ Hosting: The server (usually a 3rd party
  company) who holds the website’s files
Ashland University – October 18, 2011
© 2011 Gong Gong Communications. All rights reserved.
Coding Languages
▪ HTML: Creates the structure of the website
▪ CSS: Assigns the styles, design, and layout of the
  website
▪ PHP: The code that gets stuff done on
  websites
▪ Java: Used to fuel web apps
▪ Flash: A multimedia platform that can be used
  to create videos and websites
Ashland University – October 18, 2011
© 2011 Gong Gong Communications. All rights reserved.
What is the big deal with pictures?
JPEG
▪ Pros: Best for photos
▪ Cons: Files can be very large; no transparency; can create
  grainy images
GIF:
▪ Pros: Good for graphics; universally supported
▪ Cons: Poor transparency support; can be of poor quality
PNG
▪ Pros: Best for graphics; flawless transparency
▪ Cons: Files can be large; transparency not supported on
  older browsers
Ashland University – October 18, 2011
© 2011 Gong Gong Communications. All rights reserved.
JPG                                GIF    PNG




Ashland University – October 18, 2011
© 2011 Gong Gong Communications. All rights reserved.
JPG                                GIF    PNG




Ashland University – October 18, 2011
© 2011 Gong Gong Communications. All rights reserved.
Color Matters!
▪ Hexadecimal: for web
▪ RGB: for screen
▪ CMYK: for print


Example
▪ Hexadecimal: #f5b10d
▪ RGB: 245, 177, 13
▪ CMYK: 3, 33, 100, 0
Ashland University – October 18, 2011
© 2011 Gong Gong Communications. All rights reserved.
How to Create a Website
▪ From scratch
     – Y are responsible for every bit of code
        ou
     – Starts with HTML and likely CSS, can go on to include
       PHP, Java, and more
     – Site is edited through the code or a WYSIWYG editor
▪ Using a content management system (CMS)
     – Y or someone else creates a template, then content is
        ou
       added through the CMS backend
     – Examples include: Joomla, Drupal, Wordpress, third party
       template sites

Ashland University – October 18, 2011
© 2011 Gong Gong Communications. All rights reserved.
Ashland University – October 18, 2011
© 2011 Gong Gong Communications. All rights reserved.
Gong Gong Communications
  We provide holistic marketing and creative
  services to small businesses on a monthly and per-
  project basis

  We offer a full range of services including graphic
  & web design, copy writing, marketing
  planning, and social media engagement.

  www.gonggongcommunications.com

Ashland University – October 18, 2011
© 2011 Gong Gong Communications. All rights reserved.
Now that you’ve forgotten everything we just covered…


 http://www.gonggongcommunications.c
       om/speaking/ashland-2011.html
                                                  -or-

                                 http://ow.ly/71jJk
                                                  -or-




Ashland University – October 18, 2011
© 2011 Gong Gong Communications. All rights reserved.

More Related Content

Similar to Presentation to Ashland University on October 2011

Resume - Jay_Rawal
Resume - Jay_RawalResume - Jay_Rawal
Resume - Jay_Rawal
Jay Rawal
 
Web Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptxWeb Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptx
academicjfurio
 

Similar to Presentation to Ashland University on October 2011 (20)

Website Translation, Multilingual SEO & International UX
Website Translation, Multilingual SEO & International UXWebsite Translation, Multilingual SEO & International UX
Website Translation, Multilingual SEO & International UX
 
Websites
WebsitesWebsites
Websites
 
Different Types Of Websites - With Basic Information
Different Types Of Websites - With Basic InformationDifferent Types Of Websites - With Basic Information
Different Types Of Websites - With Basic Information
 
AMP - Accelerated Mobile Pages
AMP - Accelerated Mobile PagesAMP - Accelerated Mobile Pages
AMP - Accelerated Mobile Pages
 
Intro to web development
Intro to web developmentIntro to web development
Intro to web development
 
Saw13 ch11-ppt
Saw13 ch11-pptSaw13 ch11-ppt
Saw13 ch11-ppt
 
shamim_resume
shamim_resumeshamim_resume
shamim_resume
 
Writing web content
Writing web contentWriting web content
Writing web content
 
Web engineering lecture 5
Web engineering lecture 5Web engineering lecture 5
Web engineering lecture 5
 
Web Development
Web DevelopmentWeb Development
Web Development
 
Website Tactics
Website Tactics Website Tactics
Website Tactics
 
Resume - Jay_Rawal
Resume - Jay_RawalResume - Jay_Rawal
Resume - Jay_Rawal
 
Dev Summit Sf Flash Search V5
Dev Summit Sf Flash Search V5Dev Summit Sf Flash Search V5
Dev Summit Sf Flash Search V5
 
Computer 10 Lesson 8: Building a Website
Computer 10 Lesson 8: Building a WebsiteComputer 10 Lesson 8: Building a Website
Computer 10 Lesson 8: Building a Website
 
Std 12 Computer Chapter 3 Designing Simple Website using KompoZer
Std 12 Computer Chapter 3  Designing Simple Website using KompoZerStd 12 Computer Chapter 3  Designing Simple Website using KompoZer
Std 12 Computer Chapter 3 Designing Simple Website using KompoZer
 
SEO optimization techniques for digital marketing professionals
SEO optimization techniques for digital marketing professionalsSEO optimization techniques for digital marketing professionals
SEO optimization techniques for digital marketing professionals
 
Web Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptxWeb Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptx
 
Demystifying The Web
Demystifying The WebDemystifying The Web
Demystifying The Web
 
5 Simple Actions to Make a Measurable Impact on Your Responsive Site
5 Simple Actions to Make a Measurable Impact on Your Responsive Site5 Simple Actions to Make a Measurable Impact on Your Responsive Site
5 Simple Actions to Make a Measurable Impact on Your Responsive Site
 
AMA Basics in Website Design
AMA Basics in Website DesignAMA Basics in Website Design
AMA Basics in Website Design
 

More from Amanda L. Sage (6)

catalogue
cataloguecatalogue
catalogue
 
Key4Women February 2012
Key4Women February 2012Key4Women February 2012
Key4Women February 2012
 
Twitter for business
Twitter for businessTwitter for business
Twitter for business
 
Twitter 102
Twitter 102Twitter 102
Twitter 102
 
Twitter 101
Twitter 101Twitter 101
Twitter 101
 
Social Media For Small Business
Social Media For Small BusinessSocial Media For Small Business
Social Media For Small Business
 

Recently uploaded

1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 

Recently uploaded (20)

HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 

Presentation to Ashland University on October 2011

  • 1. Websites Designing, writing, programming, and integrating them into a marketing plan. Ashland University – October 18, 2011 © 2011 Gong Gong Communications. All rights reserved.
  • 2. Websites as a Marketing Tool ▪Websites should be an integrated marketing plan – not a standalone entity ▪They should act as a marketing, communications, and information hub Ashland University – October 18, 2011 © 2011 Gong Gong Communications. All rights reserved.
  • 3. It All Works Together E-mail Website Blog Ashland University – October 18, 2011 © 2011 Gong Gong Communications. All rights reserved.
  • 4. What Should a Site Contain ▪ It completely varies! ▪ Usually, a site includes: – Home page – About the person/organization – Services/products/benefits – Become a client/join the organization – Resources/blog – Contact us/location Ashland University – October 18, 2011 © 2011 Gong Gong Communications. All rights reserved.
  • 5. Elements of good website design ▪ Design is inline with your organization’s brand ▪ The colors aren’t too bright or dull ▪ Text colors and sizes are easily readable ▪ Use web-safe fonts ▪ The site fits most-used screen sizes ▪ Appropriate use of photos and graphics ▪ Pages aren’t too long Ashland University – October 18, 2011 © 2011 Gong Gong Communications. All rights reserved.
  • 6. Elements of good website copy ▪ Short, concise, and to the point! ▪ Immediately provides the information the user wants/needs (WIIFM) ▪ Focuses on benefits, not features ▪ Utilize smaller paragraphs and bulleted/numbered lists ▪ Use keywords in your copy (but don’t stuff!) Ashland University – October 18, 2011 © 2011 Gong Gong Communications. All rights reserved.
  • 7. Elements of good website programming ▪ Always use text instead of images for the design ▪ Ensure your site is W3C validated (if possible) ▪ Make sure your site is compatible on all major search engines ▪ Don’t use antiquated code Ashland University – October 18, 2011 © 2011 Gong Gong Communications. All rights reserved.
  • 8. Search Engine Optimization ▪ Create a site map and submit it to search engines ▪ Use keywords in your website copy ▪ List your URL on as many other websites as possible (back links) ▪ Use keyword-based text links as much as possible ▪ Constantly change and update your website’s content Ashland University – October 18, 2011 © 2011 Gong Gong Communications. All rights reserved.
  • 9. Accessibility & Usability Matter! ▪ Easy to use navigation is key ▪ Information should never be more than 2-3 clicks away from the homepage ▪ Simple, multi-tiered navigation ensures user won’t get lost as easily ▪ Enable your website to be easily accessed by those with disabilities ▪ Users can access it from mobile devices Ashland University – October 18, 2011 © 2011 Gong Gong Communications. All rights reserved.
  • 10. Glossary ▪ FTP: The system that transfers files from one host (computer) to another ▪ URL: A webpage’s address ▪ Domain Name: A website’s address and also the extension at the end (.com, .net, etc.) ▪ Domain Registrar: The company who reserves and manages a website’s domain ▪ Hosting: The server (usually a 3rd party company) who holds the website’s files Ashland University – October 18, 2011 © 2011 Gong Gong Communications. All rights reserved.
  • 11. Coding Languages ▪ HTML: Creates the structure of the website ▪ CSS: Assigns the styles, design, and layout of the website ▪ PHP: The code that gets stuff done on websites ▪ Java: Used to fuel web apps ▪ Flash: A multimedia platform that can be used to create videos and websites Ashland University – October 18, 2011 © 2011 Gong Gong Communications. All rights reserved.
  • 12. What is the big deal with pictures? JPEG ▪ Pros: Best for photos ▪ Cons: Files can be very large; no transparency; can create grainy images GIF: ▪ Pros: Good for graphics; universally supported ▪ Cons: Poor transparency support; can be of poor quality PNG ▪ Pros: Best for graphics; flawless transparency ▪ Cons: Files can be large; transparency not supported on older browsers Ashland University – October 18, 2011 © 2011 Gong Gong Communications. All rights reserved.
  • 13. JPG GIF PNG Ashland University – October 18, 2011 © 2011 Gong Gong Communications. All rights reserved.
  • 14. JPG GIF PNG Ashland University – October 18, 2011 © 2011 Gong Gong Communications. All rights reserved.
  • 15. Color Matters! ▪ Hexadecimal: for web ▪ RGB: for screen ▪ CMYK: for print Example ▪ Hexadecimal: #f5b10d ▪ RGB: 245, 177, 13 ▪ CMYK: 3, 33, 100, 0 Ashland University – October 18, 2011 © 2011 Gong Gong Communications. All rights reserved.
  • 16. How to Create a Website ▪ From scratch – Y are responsible for every bit of code ou – Starts with HTML and likely CSS, can go on to include PHP, Java, and more – Site is edited through the code or a WYSIWYG editor ▪ Using a content management system (CMS) – Y or someone else creates a template, then content is ou added through the CMS backend – Examples include: Joomla, Drupal, Wordpress, third party template sites Ashland University – October 18, 2011 © 2011 Gong Gong Communications. All rights reserved.
  • 17. Ashland University – October 18, 2011 © 2011 Gong Gong Communications. All rights reserved.
  • 18. Gong Gong Communications We provide holistic marketing and creative services to small businesses on a monthly and per- project basis We offer a full range of services including graphic & web design, copy writing, marketing planning, and social media engagement. www.gonggongcommunications.com Ashland University – October 18, 2011 © 2011 Gong Gong Communications. All rights reserved.
  • 19. Now that you’ve forgotten everything we just covered… http://www.gonggongcommunications.c om/speaking/ashland-2011.html -or- http://ow.ly/71jJk -or- Ashland University – October 18, 2011 © 2011 Gong Gong Communications. All rights reserved.

Editor's Notes

  1. Survey audience over:Who is insuranceWho is financial planningWho is something elseWho has their own website (for their agency or company)?Who uses [insert social media site here]
  2. Who out there has a website for their practice? Who doesn’t have one but wants one?I am a firm believer that every businesses in the world should have some sort of website, even if it is just a fancy blog or Facebook Fan Page. And I could do a whole presentation on why, but let’s just say I think it’s essential for providing your patients with the information they WILL BE looking for, and for marketing your company.But I bring this up because a website kind of acts like the brain of your social media marketing plan. All the other organs and extremities will work without it, but not with great purpose.And remember to tell people you’re on these networks. Print it on your literature and stationery. Post it in your offices. Put it in the signature of your e-mails. Existing patients will have a hard time finding you if they don’t know you’re there!