Upload
richard-casson
View
389
Download
1
Tags:
Embed Size (px)
DESCRIPTION
A collection of screenshots and annotations that websites that I've designed in the past
Citation preview
Web Design and Development PortfolioRichard 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
Global Link Website1
layout, design and brand
Global Link
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
content management
Global Link
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
database-driven content
Global Link
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
CSS for presentation and accessibility
Northwest Global Education Network
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
- 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
Northwest Global Education Network
layout and design6
Northwest Global Education Network Website
Redesigned site and incorporated existing brand.
Reordering of layout and re-categorisation of content to improve usability and emphasize important content.
7
user registration
Northwest Global Education Network Website
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
database-driven search facility
Northwest Global Education Network Website
Search facility returns records from database according to user specified keywords and search criteria
9
content management
Password protected administrative area where administrator can manage registered users and details submitted: Reset
passwords Remove
inappropriate registrations
10