SlideShare una empresa de Scribd logo
1 de 11
Descargar para leer sin conexión
Web Design and
Development Portfolio
Richard Casson
Global Link
- www.globallink.org.uk
overview
• Information architecture: restructuring existing content and navigation to make
site more usable and accessible
• Brand development: strong colours and bright imagery to emphasize ‘child-
friendly’ identity
• Content management: content updateable by staff through database-driven
implementation
technologies
• HTML
• CSS
• PHP
• SQL / MySQL
• phpMyAdmin
• Adobe Photoshop/ImageReady
1
Global Link Website
layout, design and brand
Bright and bold design to reflect
Global Link’s brand and identity.
Redesigned layout and
categorisation of content to
improve usability.
Restructure of information
architecture – making content
more accessible and emphasizing
Global Link’s focus on education
and community-based work.
2
Global Link
content management
Password protected
administrative area
- staff can update
website content
without knowledge
of HTML.
Changes made in
administrative
area immediately
reflected in other
areas of website.
3
Global Link
database-driven content
MySQL database – created
using phpMyAdmin – to
provide dynamic content.
Database updateable by
staff through easy-to-use
interface within password-
protected area of site.
4
Global Link
CSS for presentation and accessibility
CSS used to separate
presentation from markup,
allowing for easier updates
of the site and improved
design…
… and accessibility
for a range of
browsers and
devices.
5
Northwest Global Education Network
- www.globaldimensionnw.org.uk (no longer online)
overview
• ‘Global Education Services’ database: searchable database facility with user
registration and login.
• Information architecture: restructuring previously fragmented content to make
site more usable.
• Page templates: CSS/XHTML templates developed to allow website administrator
to create new pages and add content
technologies
• XHTML
• CSS
• PHP
• SQL / MySQL
• JavaScript
• phpMyAdmin
• Adobe Photoshop / ImageReady
6
Northwest Global Education Network
layout and design
Redesigned site and
incorporated existing
brand.
Reordering of layout
and re-categorisation
of content to
improve usability
and emphasize
important content.
7
Northwest Global Education Network Website
user registration
Registration section for global
education service providers to
submit their organisations details
to the database – add education
services – added to list of
searchable education services.
User adds services
Auto generates
registration emails to
registered user and
website administrator
8
Northwest Global Education Network Website
database-driven search facility
Search facility returns
records from database
according to user
specified keywords
and search criteria
9
Northwest Global Education Network Website
content management
Password protected
administrative area
where administrator
can manage
registered users and
details submitted:
• Reset passwords
• Remove
inappropriate
registrations
10

Más contenido relacionado

Similar a Website design portfolio

In-Fisherman.com - Building an Enterprise Level Drupal Site
In-Fisherman.com - Building an Enterprise Level Drupal SiteIn-Fisherman.com - Building an Enterprise Level Drupal Site
In-Fisherman.com - Building an Enterprise Level Drupal SiteMediacurrent
 
10232 designing and developing microsoft share point server 2010 applications
10232   designing and developing microsoft share point server 2010 applications 10232   designing and developing microsoft share point server 2010 applications
10232 designing and developing microsoft share point server 2010 applications bestip
 
A Framework Approach to Building an Oracle WebCenter Intranet, Extranet, or P...
A Framework Approach to Building an Oracle WebCenter Intranet, Extranet, or P...A Framework Approach to Building an Oracle WebCenter Intranet, Extranet, or P...
A Framework Approach to Building an Oracle WebCenter Intranet, Extranet, or P...Fishbowl Solutions
 
Case Study For Social Compass for Talents
Case Study For Social Compass for TalentsCase Study For Social Compass for Talents
Case Study For Social Compass for TalentsMike Taylor
 
PPT on web development & SEO
PPT on web development & SEOPPT on web development & SEO
PPT on web development & SEOPrakrati Bansal
 
Drupal Step-by-Step: Building a Drupal Site with Acquia Cloud Site Factory
Drupal Step-by-Step: Building a Drupal Site with Acquia Cloud Site FactoryDrupal Step-by-Step: Building a Drupal Site with Acquia Cloud Site Factory
Drupal Step-by-Step: Building a Drupal Site with Acquia Cloud Site FactoryAcquia
 
Wwcm 6.0 Customer Presentation.12152006
Wwcm 6.0 Customer Presentation.12152006Wwcm 6.0 Customer Presentation.12152006
Wwcm 6.0 Customer Presentation.12152006Marco Cimino
 
UNC CAUSE 2010: Drupal BOF Presentation
UNC CAUSE 2010: Drupal BOF PresentationUNC CAUSE 2010: Drupal BOF Presentation
UNC CAUSE 2010: Drupal BOF PresentationNick Young
 
SharePoint Conference North America 2018 - Las Vegas - Announcements
SharePoint Conference North America 2018 - Las Vegas - AnnouncementsSharePoint Conference North America 2018 - Las Vegas - Announcements
SharePoint Conference North America 2018 - Las Vegas - AnnouncementsNick Hobbs
 
SharePoint Palooza 2010 - Allyis showcase
SharePoint Palooza 2010 - Allyis showcaseSharePoint Palooza 2010 - Allyis showcase
SharePoint Palooza 2010 - Allyis showcaseAllyis
 
'A Headed goal for SSE Airtricity League with Headless Drupal' - Monsoon Cons...
'A Headed goal for SSE Airtricity League with Headless Drupal' - Monsoon Cons...'A Headed goal for SSE Airtricity League with Headless Drupal' - Monsoon Cons...
'A Headed goal for SSE Airtricity League with Headless Drupal' - Monsoon Cons...Monsoon Consulting
 
WeWork Connect: Shaping Confluence to Reflect Our Culture
WeWork Connect: Shaping Confluence to Reflect Our CultureWeWork Connect: Shaping Confluence to Reflect Our Culture
WeWork Connect: Shaping Confluence to Reflect Our CultureAtlassian
 
The WordPress University
The WordPress UniversityThe WordPress University
The WordPress UniversityStephanie Leary
 
2011.10 Liferay European Symposium. Alistair Oldfield
2011.10 Liferay European Symposium. Alistair Oldfield2011.10 Liferay European Symposium. Alistair Oldfield
2011.10 Liferay European Symposium. Alistair OldfieldEmeldi Group
 
Web development services
Web development servicesWeb development services
Web development serviceswebinfomatrix3
 
Web Development Certificate
Web Development CertificateWeb Development Certificate
Web Development CertificateGene Babon
 
2012.05, Liferay and Emeldi Road Show, Alistair Oldfield
2012.05, Liferay and Emeldi Road Show, Alistair Oldfield2012.05, Liferay and Emeldi Road Show, Alistair Oldfield
2012.05, Liferay and Emeldi Road Show, Alistair OldfieldEmeldi Group
 
Funcsp Open Health
Funcsp Open HealthFuncsp Open Health
Funcsp Open Healthwellunwell
 
Funcsp Open Health
Funcsp Open HealthFuncsp Open Health
Funcsp Open Healthwellunwell
 

Similar a Website design portfolio (20)

In-Fisherman.com - Building an Enterprise Level Drupal Site
In-Fisherman.com - Building an Enterprise Level Drupal SiteIn-Fisherman.com - Building an Enterprise Level Drupal Site
In-Fisherman.com - Building an Enterprise Level Drupal Site
 
10232 designing and developing microsoft share point server 2010 applications
10232   designing and developing microsoft share point server 2010 applications 10232   designing and developing microsoft share point server 2010 applications
10232 designing and developing microsoft share point server 2010 applications
 
A Framework Approach to Building an Oracle WebCenter Intranet, Extranet, or P...
A Framework Approach to Building an Oracle WebCenter Intranet, Extranet, or P...A Framework Approach to Building an Oracle WebCenter Intranet, Extranet, or P...
A Framework Approach to Building an Oracle WebCenter Intranet, Extranet, or P...
 
Case Study For Social Compass for Talents
Case Study For Social Compass for TalentsCase Study For Social Compass for Talents
Case Study For Social Compass for Talents
 
PPT on web development & SEO
PPT on web development & SEOPPT on web development & SEO
PPT on web development & SEO
 
Drupal Step-by-Step: Building a Drupal Site with Acquia Cloud Site Factory
Drupal Step-by-Step: Building a Drupal Site with Acquia Cloud Site FactoryDrupal Step-by-Step: Building a Drupal Site with Acquia Cloud Site Factory
Drupal Step-by-Step: Building a Drupal Site with Acquia Cloud Site Factory
 
Wwcm 6.0 Customer Presentation.12152006
Wwcm 6.0 Customer Presentation.12152006Wwcm 6.0 Customer Presentation.12152006
Wwcm 6.0 Customer Presentation.12152006
 
UNC CAUSE 2010: Drupal BOF Presentation
UNC CAUSE 2010: Drupal BOF PresentationUNC CAUSE 2010: Drupal BOF Presentation
UNC CAUSE 2010: Drupal BOF Presentation
 
SharePoint Conference North America 2018 - Las Vegas - Announcements
SharePoint Conference North America 2018 - Las Vegas - AnnouncementsSharePoint Conference North America 2018 - Las Vegas - Announcements
SharePoint Conference North America 2018 - Las Vegas - Announcements
 
SharePoint Palooza 2010 - Allyis showcase
SharePoint Palooza 2010 - Allyis showcaseSharePoint Palooza 2010 - Allyis showcase
SharePoint Palooza 2010 - Allyis showcase
 
'A Headed goal for SSE Airtricity League with Headless Drupal' - Monsoon Cons...
'A Headed goal for SSE Airtricity League with Headless Drupal' - Monsoon Cons...'A Headed goal for SSE Airtricity League with Headless Drupal' - Monsoon Cons...
'A Headed goal for SSE Airtricity League with Headless Drupal' - Monsoon Cons...
 
WeWork Connect: Shaping Confluence to Reflect Our Culture
WeWork Connect: Shaping Confluence to Reflect Our CultureWeWork Connect: Shaping Confluence to Reflect Our Culture
WeWork Connect: Shaping Confluence to Reflect Our Culture
 
The WordPress University
The WordPress UniversityThe WordPress University
The WordPress University
 
2011.10 Liferay European Symposium. Alistair Oldfield
2011.10 Liferay European Symposium. Alistair Oldfield2011.10 Liferay European Symposium. Alistair Oldfield
2011.10 Liferay European Symposium. Alistair Oldfield
 
Web development services
Web development servicesWeb development services
Web development services
 
Social Networking Platform For Faith Communities
Social Networking Platform For Faith CommunitiesSocial Networking Platform For Faith Communities
Social Networking Platform For Faith Communities
 
Web Development Certificate
Web Development CertificateWeb Development Certificate
Web Development Certificate
 
2012.05, Liferay and Emeldi Road Show, Alistair Oldfield
2012.05, Liferay and Emeldi Road Show, Alistair Oldfield2012.05, Liferay and Emeldi Road Show, Alistair Oldfield
2012.05, Liferay and Emeldi Road Show, Alistair Oldfield
 
Funcsp Open Health
Funcsp Open HealthFuncsp Open Health
Funcsp Open Health
 
Funcsp Open Health
Funcsp Open HealthFuncsp Open Health
Funcsp Open Health
 

Último

OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarPrecisely
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxUdaiappa Ramachandran
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Brian Pichman
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
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 Websitedgelyza
 

Último (20)

OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity Webinar
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptx
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
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
 

Website design portfolio

  • 1. Web Design and Development Portfolio Richard Casson
  • 2. Global Link - www.globallink.org.uk overview • Information architecture: restructuring existing content and navigation to make site more usable and accessible • Brand development: strong colours and bright imagery to emphasize ‘child- friendly’ identity • Content management: content updateable by staff through database-driven implementation technologies • HTML • CSS • PHP • SQL / MySQL • phpMyAdmin • Adobe Photoshop/ImageReady 1
  • 3. Global Link Website layout, design and brand Bright and bold design to reflect Global Link’s brand and identity. Redesigned layout and categorisation of content to improve usability. Restructure of information architecture – making content more accessible and emphasizing Global Link’s focus on education and community-based work. 2
  • 4. Global Link content management Password protected administrative area - staff can update website content without knowledge of HTML. Changes made in administrative area immediately reflected in other areas of website. 3
  • 5. Global Link database-driven content MySQL database – created using phpMyAdmin – to provide dynamic content. Database updateable by staff through easy-to-use interface within password- protected area of site. 4
  • 6. Global Link CSS for presentation and accessibility CSS used to separate presentation from markup, allowing for easier updates of the site and improved design… … and accessibility for a range of browsers and devices. 5
  • 7. Northwest Global Education Network - www.globaldimensionnw.org.uk (no longer online) overview • ‘Global Education Services’ database: searchable database facility with user registration and login. • Information architecture: restructuring previously fragmented content to make site more usable. • Page templates: CSS/XHTML templates developed to allow website administrator to create new pages and add content technologies • XHTML • CSS • PHP • SQL / MySQL • JavaScript • phpMyAdmin • Adobe Photoshop / ImageReady 6
  • 8. Northwest Global Education Network layout and design Redesigned site and incorporated existing brand. Reordering of layout and re-categorisation of content to improve usability and emphasize important content. 7
  • 9. Northwest Global Education Network Website user registration Registration section for global education service providers to submit their organisations details to the database – add education services – added to list of searchable education services. User adds services Auto generates registration emails to registered user and website administrator 8
  • 10. Northwest Global Education Network Website database-driven search facility Search facility returns records from database according to user specified keywords and search criteria 9
  • 11. Northwest Global Education Network Website content management Password protected administrative area where administrator can manage registered users and details submitted: • Reset passwords • Remove inappropriate registrations 10