scientific and technical website design

Web design by CookandKaye
specialists in online education, mapping and scientific websites

Our core business is web design. We work to current W3C international guideleines for HTML to produce attractive, durable websites that have the broadest possible compatibility with modern browsers. Typically we test against five browsers on three operating systems before releasing any of our sites into the wild!

Our sites are flexible and can be delivered to a range of platforms including mobile devices and the printed page. Furthermore, we offer a full proof-reading service to ensure our sites are free from typographical errors.

Most of our sites are designed and built entirely by us, but we also offer a code testing and verification/correction service to other design houses. Please contact us if you are interested in this service.

Below are some of our most recent projects, you can browse some of the others by category in the website design menu, or view an archive of our websites from the last 15 years in the endorsements section.

Recent websites

Screenshot of mobile version of DARE alloys site, 2015.

Designing Alloys for Resource Efficiency (DARE)

DARE is an ambitious project to invigorate UK based metallurgy based industries, drawing academic partners from Cambridge, Imperial, Kings and Sheffield. Industrial partners include pretty much all of the UK's metals industry.

The website was designed in two phases, an initial 'quick-build' site provided the project with an online presence pretty much instantly. Subsequently we worked up a more refined design to include a logo prepared by Sebastian Conran Associates.

The final design includes a 'splash page' with a simplified menu to help visitors find what they want quickly. For this page we had a full page scaling background image of metal turnings ('swarf'). Interior pages have feature images, many of which are derived from the project members. Initial content was based on the grant proposal, permitting us to assemble a rich website quickly, without taking up the time of lead researchers while they were working on getting the project started.

The screenshot above left is taken from the mobile version of the site. More about the DARE site design in our news pages.


COSHH Liverpool screen shot showing hazard summary form.

COSHH Liverpool

The COSHH system for the Department of CHemistry at the University of Liverpool introduces a number of new developments, including a printable one-page COSHH summary form for display over the place of work, providing a quick visual guide to the hazards in use.

Dealing with personal safety in the research environment, COSHH systems are protected, and access is not available to the general public.


Noahgene home page screen shot.


Noahgene provide state-of-the-art molecular genetics services to plant and animal breeders, researchers and conservationists world-wide.

You can follow the site development and 3d modelling of DNA for the original site banner on our projects pages.


SEM Calibraition Standards

SEM Calibration Standards - is a new website for Eastern Analytical, a long established company developing software and standards for analytical electron microscopy. Their products have a broad range of applications including forensic work.

The site is in WordPress, with a PayPal driven shopping cart.

More about this project.


Lochaline Dive Centre

Lochaline Dive Centre in the WordPress CMS: the Centre offers friendly accommodation in the Sound of Mull, Scotland. The dive centre's location gives access to some of the best shore, scenic and wreck dives in the UK, as well as to some spectacular scenery and wildlife on land!

The new site includes a home-page slide show advertising centre activities, with an integrated booking management system, and interactive dive maps. It is also mobile-friendly, with a flexible layout to make it easy to get about on smaller screens.


Sheffield Centre for Electron Beam Lithography

The Sheffield Centre for Electron Beam Lithography enables research groups and small companies to build nanostructures, nanoelectronic devices and optical gratings.

Design work included the site, with a characteristic banner which appears to be cut by a lithography tool and the logo, which is based on a diffraction grating. All site pages feature a full screen background image, an electron micrograph of one of the Centre's nanostructures (requires HTML5 - older Internet Explorer browsers will see a plain grey background).

The home page has a simple Javascripted marquee looping through the main offerings of the Centre to bring content to the visitor. This is driven by a custom plugin, so that all parts of the site cna be readily updated by the client.

The site design is flexible, with elements being re-ordered on the narrow screens of smart-phones to make it more accessible on these platforms.


UK Semiconductors 2012

The UK Semiconductors conference is an annual conference on all aspects of semiconductor research.

The requirement was for a simple site that was required quickly, but could be easily updated in future by the conference team for each subsequent annual conference.

The site is built in WordPress, with custom calendar to present important conference dates on all pages, and an exhibitors marquee, offering links through to sponsor's websites.

The site design is based on the standard WordPress theme, and offers some flexibility, with elements being re-ordered on the narrow screens of smart-phones to make it more easily viewed.


European Society of Biomechanics

The European Society of Biomechanics is a learned society founded in 1976 to encourage research, disseminate knowledge and promote progress in Biomechanics.

The new home-page design brings together an introduction to the society, alongside a calendar of events, news and a visual demonstration of the work the society is engaged in. It also offers a public platform for the ESB's corporate members, and a private means for other memebrs to get in contact with each other.

For this project it was important to have a user friendly CMS, to keep ongoing maintenance costs down. We offered the ESB a hands on experience of the latest Joomla and WordPress installations, both loaded with their core public pages, so they could get a fair feel for how both systems worked.

This site presented a number of challenges, the most significant of which was checking and importing their existing custom-built database backend.

The final site offers an easy to use CMS coupled to a membership area with PayPal integration for membership payments and jounral subscriptions, a newsletter, custom gallery and diary feature.

Due to its complex layout, this site is built around 'smart divisions'. These permitting visitors on smart phones to tap-and-zoom to view/read parts of the page. It was felt that a simplified layout for small screens would, in this instance, have either made it difficult to navigate around all of the page, or resulted in some elements being left out of the mobile version...


You can view a (nearly) complete archive of our work, which spans two decades, in the endorsements section

Contact us for more details