This document summarizes Richard Casson's web design work on two projects: 1) The Global Link website which involved restructuring content and navigation to improve usability, implementing a bright design to reflect the organization's brand, and creating a content management system to allow staff to update the database-driven website. 2) The Northwest Global Education Network website which included building a searchable database of education services, reorganizing existing content, and developing templates to allow the administrator to create new pages and add content. Both projects utilized technologies like HTML, CSS, PHP, and MySQL to create accessible, database-driven websites.

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