sarah whitfield multimedia portfolioart lecturescity college manchesterfairfield high school for girlswythenshawe forumdryonlinelearning centrepompeii cd-rome-learningtomb team cd-romcastlefield gallery

sarah whitfield PORTFOLIO

art lectures

Design & Visual Arts Online Lectures

A series of interactive lectures to accompany the HND design & visual arts courses.

The digital learning materials created for web and CD-Rom are to support the classroom lectures, designed to allow the content to be accessible to all students. There are text alternatives in the form of audio commentary for visually impaired students and BSL video clips for deaf support. A 'plain english' version of the text can be chosen and video clips have text transcripts. Typeface and colours are all chosen to aid legibility.

Key task: Interface design, Flash build, accessibility research

online art lectures
city college manchester

City College Manchester website

www.ccm.ac.uk
Database driven website, providing up to date college information.

The new content management system enables curriculum teams and designated individuals to edit and update their own pages. Various layout options are provided for accessibility, the CSS layout making it easy to customise the page to suit the individual user.

Key task: Creation of media items (Flash media, video clips), CSS templates.

city college manchester

Flash banners

Examples

fairfield high school for girls

Fairfield High School for Girls website

www.fairfieldhigh.tameside.sch.uk
Database driven site providing information for students, staff and parents.

The site includes a searchable calendar of events, homework timetables, a newsletter and fourteen mini sites for different subject areas. The CMS enables designated staff to update content for all sections. I worked closely with the programmer to integrate style sheets with the content management system.

Key task: CSS templates, graphics, Flash media.

fairfield high school for girls
wythenshawe forum

The Wythenshawe Forum

www.wythenshaweforum.co.uk
Online information for a community centre

The CSS layout is fully accessible and content can be updated by key content providers via the CMS. Includes a searchable events section.

Key task: CSS layout, graphics, Flash media.

wythenshawe forum
dryonline

Dryonline

Currently offline but can be viewed here

Dry cleaning service online.

A complex e-commerce site where customers, when registered, can search services by postcode, place an order, pay and track orders online. Agents can also register services and prices. I worked with a designer, programmer, and web architect.

Key task: CSS templates, graphics.

dryonline
learning centre

Learning Centre

www.citycol.com/lrc/resources
City College library resources online.

Simple CSS layout used for learning resource help and information. Includes an induction section and music CD listings.

Key task: Interface design, CSS layout, graphics, Flash media

learning centre
pompeii cd-rom

Pompeii CD-Rom

Interactive learning resource and documentation of a school trip.

School children from Manchester went on a field trip to Pompeii, video clips from the trip and student interviews are included with educational texts, interactive maps and 3D environments of pompeii houses. The 2 x CD set also contains interviews with experts in archeology.

key task: Interface layout, Flash build, graphics, CD-Rom authoring.

pompeii cd-rom
e-learning

e-Learning

e-learning guides and examples to help and encourage staff to create their own learning materials.

The CD is to give staff ideas about making use of technology in their teaching and learning.

key task: CSS templates, graphics.

e-learning
tomb team cd-rom

Tomb Team

CD-Rom documentation of summer school activity week at Manchester museum.

Four groups of school children engaged in workshops at Manchester museum, learning about ancient egypt. The CD-Rom documents the groups activities with text and video clips.

key task: CD-Rom authoring, flash media.

castlefield gallery

Castlefield gallery

www.castlefieldgallery.co.uk
Online information for a contemporary visual arts centre.

Worked with a programmer to develop templates for layout.

key task: CSS templates, graphics.

castlefield gallery