design for web

www.swindoncosmetic.com

The Burghley Park Clinic

Brief:The client wanted a fresh and professional change to their clinical and cluttered database-driven website. The requirements were to take over 80 existing pages with confusing navigation and condense them into a compact, user-friendly package. Certain pages needed to incorporate video and the clinic needed a detailed, yet confidential, method of collecting prospective client information. There was also a desire to have an area of the site that would appeal more to male visitors.

Result:The new site is sleek and simplified with clean navigation. Video clips are handled on the page using Ajax, making the page less cluttered and avoiding pop-ups. The areas of the site which focus on treatments for men is given a more masculine feel simply by changing a few lines of CSS. The redisign also brought the site into compliance with stricter accessibility guidelines.

Status:Online : View The Burghley Park Clinic site.

20x2.org

20x2

Brief:The redesign of the 20x2 site was concepted by Tim Thompson. I was asked by the client to develop the site using valid XHTML and CSS while making it easy to update and maintain. The site includes a content management system for updating news posts and a podcast.

Result:The code for the site is very simplified and easy to edit and has been made much more accessible at the same time. The client is able to add news items through the CMS and the speaker list and show images are easily swappable.

Status:Online : View the 20x2 site.

Openwork College Library

Openwork Limited

Brief:The Openwork College Library is an HTML list of links located within an Intranet LMS that contains more than 500 links to PDF documents for use by financial advisers. Making this list user-friendly and manageable, for an end-user that was generally technophobic, proved quite challenging. The nature of the LMS meant that all the document links had to be on one HTML document. There needed to be a method of expanding and collapsing groups of documents, and a way to group links into categories that could be viewed easily with minimal scrolling.

Result:Collapsing unordered lists of links are handled through Javascript. The content is divided into sections which are selected through a tabbed navigation bar and shown or hidden as appropriate by more Javascript. The source code has been trimmed down from a table-based layout containing over 3000 lines of code to one styled completely with CSS and less than 1000 lines of code. It won't win any aesthetic design awards, but the improved user interface has been extremely popular and has helped show an increase in productivity for the end-users.

Status:Intranet Only : Offline version coming soon

markcouvillion.com

Me

Brief:It's a portfolio site.

Result:I like it a lot.

Status:You are here.

JamesLockridge.com

James Lockridge Fine Furnishings

Brief:The requirement was for a refined and professional site that spoke to the client's affluent customer base. This site was to compliment the branding and print work I had already designed and to act as an online catalog for distributors.

Result:The design mirrors the leather-bound catalog also designed for the client. This was the first of several designs developed for the client which were ultimately not used. The project is still in development.

Status:Rejected : See the development version of the James Lockridge site.

Stanley Financial Solutions

Stanley Security Solutions—Europe

Brief:The project manager wanted a site that would act as an online version of the printed brochure. The size would be fixed and all content should fit within the page dimensions. Several Flash animations would be included to add to user interaction and site dynamics.

Result:The site was constructed using tables. (boo! hiss!) A Flash navigation gives motion to the page while in-page navigation still allows users to step through the site as they would a printed brochure. Additional Flash pieces are included in the site content to help illustrate the advantages of Stanley Finance over alternative financing options.

Status:Online : View the Stanley Financial Solutions site.

retired designs

Many of the sites I have designed are no longer online. You can view screenshots and descriptions of sites that are offline here.