SlideShare a Scribd company logo
1 of 19
Workshop Aims & Expectations
• Identify website aims
• Understand key components for a successful website
• Overview of layout, structure and content
• The different website technologies available
• Successfully managing a website project
• The pros and cons of in-house versus external development
• Website maintenance
Identify aims and requirements
• Make sales
• Promote brand
• Create impression
• Provide services / information
• Who are the stakeholders?
Ingredients of a Successful Website
• Clear and simple
• Good navigation
• Good design
• Good layout
• Mobile friendly
• Clear and focused call to actions
• Consistency
Content
• Homepage
• Fold
• Slideshow with text and links
• Changing featured items
• Images
• Definition/Styling
Website Technologies
• Static HTML
• Content Management System (CMS)
Static HTML
• Non changing content
• Simpler to maintain
• Non-hackable
CMS 1
• Update content
• Organise content – categories, tagging
• List content – events, news etc
• Manage media, files and other resources
• Allow login and give permissions
• Editor workflow (draft, published)
• Modular functionality
CMS 2 – Nuts and Bolts
• Background database
• Front end website
• Templates
• Themes
• Core and plugins/modules
• Custom development
• Upgrading core and modules
CMS 3 - Choices
• Main choices
• Wordpress
• Drupal 7 / 8
• Joomla
• https://w3techs
• .com/technologies/overview/content_management/all
• Others (Wix, SquareSpace, Facebook)
• Maintenance and Updates
CMS 4
• Finding a developer
• Wordpress, Drupal, Joomla
Website Project – Initial Considerations
• Budget
• Comparative quotations
• Technology – Client led or contractor led
• Documented agreed requirements, timescales and costs
• Ease of maintenance and extending functionality and updates
• Hosting considerations
• Client perspective / developer perspective
Development Stages
• Initial documentation
• Design
• Development
• Testing / Feedback
• Make live
Managing a Website Project
• Good
• Single project manager
• Easy communication (phone,
email, slack etc)
• Good internal communication and
agreement
• Update schedule
• Flexible and proactive
• Bad
• Style opinions
• Committee decisions
• Backtracking
Practical Example – Pauls Cancer
• Initial contact and agreement
• Main project manager
• Design
• Development
• Feedback
• Live
In-House Vs External
• Available in-house skills
• Costs
• Ongoing development / one off project
• Maintenance
• Administration
Search Engine Optimisation (SEO) - 1
• Importance of being found
• Identify competition
• Site structure
• Focused page content (Keywords and phrases)
• URL
• Internal linking
• Images
Search Engine Optimisation (SEO) - 2
• Mobile friendly
• Page speed
• Social media
• External links
• Regular updating
• Google business
• Analytics
• Webmaster tools
Exercises
• Identify stakeholders
• Identify aims
• Identify key components for the website
• What will make the website successful?
• What do you think makes a good website?
• What are your website strengths?
• What are your website weaknesses?
• Who is your competition?
Example Sites
• www.integritycoaching.co.uk
• www.hmrc.gov.uk
• www.pauls.org.uk
• www.wfto.com
• http://stmargaretcarshaltonb.uk/
• www.thefundingnetwork.org.uk
• www.crash.org.uk

More Related Content

Similar to Successful website design for organisations

Anatomy of an Intranet (Triangle SharePoint User Group) October 2016
Anatomy of an Intranet (Triangle SharePoint User Group) October 2016Anatomy of an Intranet (Triangle SharePoint User Group) October 2016
Anatomy of an Intranet (Triangle SharePoint User Group) October 2016Michael Greene
 
Hand In Glove Content Strategy & SEO 10 2008 Final
Hand In Glove Content Strategy & SEO 10 2008 FinalHand In Glove Content Strategy & SEO 10 2008 Final
Hand In Glove Content Strategy & SEO 10 2008 FinalLynn Leitte
 
Sharing the Responsibility: Publishing Workflows in Kentico
Sharing the Responsibility: Publishing Workflows in KenticoSharing the Responsibility: Publishing Workflows in Kentico
Sharing the Responsibility: Publishing Workflows in KenticoAscedia
 
Jan 2008 tmhr consulting inc seo vs sem r2
Jan 2008   tmhr consulting inc seo vs sem r2Jan 2008   tmhr consulting inc seo vs sem r2
Jan 2008 tmhr consulting inc seo vs sem r2tmhr consulting inc
 
Saumya Thomas Resume
Saumya Thomas ResumeSaumya Thomas Resume
Saumya Thomas ResumeSaumya Thomas
 
The Web is Not a Project
The Web is Not a ProjectThe Web is Not a Project
The Web is Not a ProjectMark Greenfield
 
The Global Marketing Center: A Crafter CMS and Alfresco Case Study
The Global Marketing Center: A Crafter CMS and Alfresco Case StudyThe Global Marketing Center: A Crafter CMS and Alfresco Case Study
The Global Marketing Center: A Crafter CMS and Alfresco Case StudyCrafter Software
 
Ajaykumar Reddy - Resume
Ajaykumar Reddy - ResumeAjaykumar Reddy - Resume
Ajaykumar Reddy - ResumeAJAY GOLLAPALLI
 
RESUME-WD&D_2015v2
RESUME-WD&D_2015v2RESUME-WD&D_2015v2
RESUME-WD&D_2015v2Dave Harris
 
Your Road to Modern Communication Sites
Your Road to Modern Communication SitesYour Road to Modern Communication Sites
Your Road to Modern Communication SitesD'arce Hess
 
Georgia Tech - College of Engineering Case Study
Georgia Tech - College of Engineering Case StudyGeorgia Tech - College of Engineering Case Study
Georgia Tech - College of Engineering Case StudyEric Sembrat
 
Practical Project Management for Creative Projects – 2021
Practical Project Management for Creative Projects – 2021Practical Project Management for Creative Projects – 2021
Practical Project Management for Creative Projects – 2021Richard Harrington
 
Project_Integration_Managemen.pptx
Project_Integration_Managemen.pptxProject_Integration_Managemen.pptx
Project_Integration_Managemen.pptxIvarsLinde1
 
Climbing the Slippery Slope of SharePoint Migrations Webinar
Climbing the Slippery Slope of SharePoint Migrations WebinarClimbing the Slippery Slope of SharePoint Migrations Webinar
Climbing the Slippery Slope of SharePoint Migrations WebinarConcept Searching, Inc
 
DITA Quick Start Webinar Series: Building a Project Plan
DITA Quick Start Webinar Series: Building a Project PlanDITA Quick Start Webinar Series: Building a Project Plan
DITA Quick Start Webinar Series: Building a Project PlanSuite Solutions
 
Workshop - Ways of Working Within the M365 Workspace.pptx
Workshop - Ways of Working Within the M365 Workspace.pptxWorkshop - Ways of Working Within the M365 Workspace.pptx
Workshop - Ways of Working Within the M365 Workspace.pptxSimon Rawson
 
Introduction to SharePoint Information Architecture and Branding
Introduction to SharePoint Information Architecture and BrandingIntroduction to SharePoint Information Architecture and Branding
Introduction to SharePoint Information Architecture and BrandingDerek Cash-Peterson
 

Similar to Successful website design for organisations (20)

Anatomy of an Intranet (Triangle SharePoint User Group) October 2016
Anatomy of an Intranet (Triangle SharePoint User Group) October 2016Anatomy of an Intranet (Triangle SharePoint User Group) October 2016
Anatomy of an Intranet (Triangle SharePoint User Group) October 2016
 
Hand In Glove Content Strategy & SEO 10 2008 Final
Hand In Glove Content Strategy & SEO 10 2008 FinalHand In Glove Content Strategy & SEO 10 2008 Final
Hand In Glove Content Strategy & SEO 10 2008 Final
 
Andrews online
Andrews onlineAndrews online
Andrews online
 
Sharing the Responsibility: Publishing Workflows in Kentico
Sharing the Responsibility: Publishing Workflows in KenticoSharing the Responsibility: Publishing Workflows in Kentico
Sharing the Responsibility: Publishing Workflows in Kentico
 
Jan 2008 tmhr consulting inc seo vs sem r2
Jan 2008   tmhr consulting inc seo vs sem r2Jan 2008   tmhr consulting inc seo vs sem r2
Jan 2008 tmhr consulting inc seo vs sem r2
 
Saumya Thomas Resume
Saumya Thomas ResumeSaumya Thomas Resume
Saumya Thomas Resume
 
The Web is Not a Project
The Web is Not a ProjectThe Web is Not a Project
The Web is Not a Project
 
The Global Marketing Center: A Crafter CMS and Alfresco Case Study
The Global Marketing Center: A Crafter CMS and Alfresco Case StudyThe Global Marketing Center: A Crafter CMS and Alfresco Case Study
The Global Marketing Center: A Crafter CMS and Alfresco Case Study
 
Ajaykumar Reddy - Resume
Ajaykumar Reddy - ResumeAjaykumar Reddy - Resume
Ajaykumar Reddy - Resume
 
RESUME-WD&D_2015v2
RESUME-WD&D_2015v2RESUME-WD&D_2015v2
RESUME-WD&D_2015v2
 
Your Road to Modern Communication Sites
Your Road to Modern Communication SitesYour Road to Modern Communication Sites
Your Road to Modern Communication Sites
 
Georgia Tech - College of Engineering Case Study
Georgia Tech - College of Engineering Case StudyGeorgia Tech - College of Engineering Case Study
Georgia Tech - College of Engineering Case Study
 
Practical Project Management for Creative Projects – 2021
Practical Project Management for Creative Projects – 2021Practical Project Management for Creative Projects – 2021
Practical Project Management for Creative Projects – 2021
 
Project_Integration_Managemen.pptx
Project_Integration_Managemen.pptxProject_Integration_Managemen.pptx
Project_Integration_Managemen.pptx
 
Climbing the Slippery Slope of SharePoint Migrations Webinar
Climbing the Slippery Slope of SharePoint Migrations WebinarClimbing the Slippery Slope of SharePoint Migrations Webinar
Climbing the Slippery Slope of SharePoint Migrations Webinar
 
DITA Quick Start Webinar Series: Building a Project Plan
DITA Quick Start Webinar Series: Building a Project PlanDITA Quick Start Webinar Series: Building a Project Plan
DITA Quick Start Webinar Series: Building a Project Plan
 
Workshop - Ways of Working Within the M365 Workspace.pptx
Workshop - Ways of Working Within the M365 Workspace.pptxWorkshop - Ways of Working Within the M365 Workspace.pptx
Workshop - Ways of Working Within the M365 Workspace.pptx
 
Best Practices for SharePoint Public Websites
Best Practices for SharePoint Public WebsitesBest Practices for SharePoint Public Websites
Best Practices for SharePoint Public Websites
 
Concrete5 workshop
Concrete5 workshopConcrete5 workshop
Concrete5 workshop
 
Introduction to SharePoint Information Architecture and Branding
Introduction to SharePoint Information Architecture and BrandingIntroduction to SharePoint Information Architecture and Branding
Introduction to SharePoint Information Architecture and Branding
 

Recently uploaded

Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfOrbitshub
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...Zilliz
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Zilliz
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityWSO2
 
Introduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMIntroduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMKumar Satyam
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez
 
Stronger Together: Developing an Organizational Strategy for Accessible Desig...
Stronger Together: Developing an Organizational Strategy for Accessible Desig...Stronger Together: Developing an Organizational Strategy for Accessible Desig...
Stronger Together: Developing an Organizational Strategy for Accessible Desig...caitlingebhard1
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDropbox
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontologyjohnbeverley2021
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxRustici Software
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Victor Rentea
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusZilliz
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingEdi Saputra
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MIND CTI
 

Recently uploaded (20)

Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
Introduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMIntroduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDM
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Stronger Together: Developing an Organizational Strategy for Accessible Desig...
Stronger Together: Developing an Organizational Strategy for Accessible Desig...Stronger Together: Developing an Organizational Strategy for Accessible Desig...
Stronger Together: Developing an Organizational Strategy for Accessible Desig...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 

Successful website design for organisations

  • 1. Workshop Aims & Expectations • Identify website aims • Understand key components for a successful website • Overview of layout, structure and content • The different website technologies available • Successfully managing a website project • The pros and cons of in-house versus external development • Website maintenance
  • 2. Identify aims and requirements • Make sales • Promote brand • Create impression • Provide services / information • Who are the stakeholders?
  • 3. Ingredients of a Successful Website • Clear and simple • Good navigation • Good design • Good layout • Mobile friendly • Clear and focused call to actions • Consistency
  • 4. Content • Homepage • Fold • Slideshow with text and links • Changing featured items • Images • Definition/Styling
  • 5. Website Technologies • Static HTML • Content Management System (CMS)
  • 6. Static HTML • Non changing content • Simpler to maintain • Non-hackable
  • 7. CMS 1 • Update content • Organise content – categories, tagging • List content – events, news etc • Manage media, files and other resources • Allow login and give permissions • Editor workflow (draft, published) • Modular functionality
  • 8. CMS 2 – Nuts and Bolts • Background database • Front end website • Templates • Themes • Core and plugins/modules • Custom development • Upgrading core and modules
  • 9. CMS 3 - Choices • Main choices • Wordpress • Drupal 7 / 8 • Joomla • https://w3techs • .com/technologies/overview/content_management/all • Others (Wix, SquareSpace, Facebook) • Maintenance and Updates
  • 10. CMS 4 • Finding a developer • Wordpress, Drupal, Joomla
  • 11. Website Project – Initial Considerations • Budget • Comparative quotations • Technology – Client led or contractor led • Documented agreed requirements, timescales and costs • Ease of maintenance and extending functionality and updates • Hosting considerations • Client perspective / developer perspective
  • 12. Development Stages • Initial documentation • Design • Development • Testing / Feedback • Make live
  • 13. Managing a Website Project • Good • Single project manager • Easy communication (phone, email, slack etc) • Good internal communication and agreement • Update schedule • Flexible and proactive • Bad • Style opinions • Committee decisions • Backtracking
  • 14. Practical Example – Pauls Cancer • Initial contact and agreement • Main project manager • Design • Development • Feedback • Live
  • 15. In-House Vs External • Available in-house skills • Costs • Ongoing development / one off project • Maintenance • Administration
  • 16. Search Engine Optimisation (SEO) - 1 • Importance of being found • Identify competition • Site structure • Focused page content (Keywords and phrases) • URL • Internal linking • Images
  • 17. Search Engine Optimisation (SEO) - 2 • Mobile friendly • Page speed • Social media • External links • Regular updating • Google business • Analytics • Webmaster tools
  • 18. Exercises • Identify stakeholders • Identify aims • Identify key components for the website • What will make the website successful? • What do you think makes a good website? • What are your website strengths? • What are your website weaknesses? • Who is your competition?
  • 19. Example Sites • www.integritycoaching.co.uk • www.hmrc.gov.uk • www.pauls.org.uk • www.wfto.com • http://stmargaretcarshaltonb.uk/ • www.thefundingnetwork.org.uk • www.crash.org.uk

Editor's Notes

  1. Homepage fold, create interest, use of space