Interesource 2003-2005

My first position as a fully fledged Information Architect, projects at Interesource included the London Stock Exchange, the RNID (now Action for Hearing Loss) and Lloyds of London’s Kinnect. The London Stock Exchange had been a long standing client and we were asked to redesign the corporate section of their site.

The Kinnect project was a platform to allow brokers and underwriters to trade risk on the Lloyds of London market, something done to this day using enormous paper folders. The original project foundered, because neither brokers, nor underwriters were consulted. We produced a set of design guidelines after running a series of collaborative workshops in an effort to salvage the project.

The RNID redesign was won on the back of a short expert review of their existing site. We designed a new site that was not only WCAG AAA compliant on paper, but also tested with users of a variety of assistive technologies, such as screen readers and one quadriplegic user who navigated using a breath device.

sitemap for the london stock exchange site
Sitemap for the corporate section of the London Stock Exchange site. Circular format looks great, but is difficult to maintain.
london stock exchange homepage wireframe
Wireframe for the London Stock Exchange homepage. Now much higher fidelity.
london stock exchange homepage visual design
London Stock Exchange homepage visual design, based on the previous wireframe.
lloyds of london kinnect design guidelines detail
Detail of the Lloyds of London Kinnect design guidelines. Kinnect was a platform to allow brokers and underwriters to exchange risk on the Lloyds of London market. The project foundered since neither was consulted in the design. Until we came along to fix it.
lloyds of london kinnect workshop
Lloyds of London Kinnect collaborative workshop session. We ran a number of these sessions to understand the processes and workflows in order to produce the design guidelines.
lloyds of london kinnect workshop
Another snapshot of a fact finding workshop with brokers and underwriters on the Lloyds of London Kinnect project.
high fidelity wireframe for the rnid website
High fidelity wireframe for the redesign of the RNID (now called Action for Hearing Loss) website, a project awarded after submitting a short expert review of their previous site.
rnid website component specification
Component specification for the RNID website redesign. The site consisted of a number of templates and exchangeable components to give maximum flexibility to content editors.
rnid shop visual design
Final design for the RNID website shop. The entire site was WCAG AAA compliant and tested with users of varying needs, from the deaf to the quadriplegic.
rnid forums visual design
Final design for the RNID website forums.
rnid homepage visual design
Final design for the RNID website homepage, proving that fully accessible websites could work and be beautiful.