Page not found

Unfortunately, the page you were trying to retrieve could not be found. It is possible that the page you were looking for may have been moved, updated or deleted.

Please select from the above links or alternatively visit our home page.

logo with asterisk graphic

"high quality…"

Teasemedia prides itself on producing websites of high quality focusing on design, usability, web standards, and accessibility.

This involves site design, site layout, site templates, construction of pages using standards compliant HTML5, CSS3 and JavaScript/jQuery. All new sites are built to the latest web standards with clean semantic accessible code.

Work can vary widely from complete responsibility for both the design and construction of the site, to building web pages from pre-designed templates, or general all round maintenance of existing sites.

If there are any work matters that you would like to discuss, please contact .

Clients

Foreign & Commonwealth Office

Recruited to bring expertise and in depth knowledge of UI/UX and front-end technologies to a high profile, mission critical ‘Crisis Hub’ system in constant use by the Foreign and Commonwealth Office (FCO). The Crisis Hub tracks, assists and if necessary arranges for the evacuation of British nationals caught in crisis situations around the world.

The more challenging work undertaken by the project included integration to multiple mapping services; extensive use of open source libraries and consumption of open standard format data. To retain the open source nature of the FCO application: OpenStreetMap was used as the tile provider, Nominatim provided the geocoding, and the mapping application features were developed on top of the Leaflet JavaScript library. Mapping features created include: Extensive import and export routines; Display, manipulation and creation of points and polygons representing data objects such as Crisis areas, affected persons and areas of interest; Dynamic map tile switching; Map data search and a multidimensional system that enabled the Foreign Office to geographically locate individuals in crisis situations around the globe.

In crisis situations intermittent or non-existent web connectivity is commonplace with FCO operatives working in the field. The FCO want their staff and operatives to be able to continue to use the Crisis Hub even when there is no internet connection. In response to this requirement an offline application was developed. There are many challenges to offline working for web applications and these are compounded further where data needs to be protected. These included: authentication of users; storing data while offline; protecting data; retrieving data back to the main Crisis Hub when back online. Was credited with providing solutions to all these challenges. Data was encrypted with a combination of the user name/password, which provided the authentication. Data was stored in Local Storage with checks in place to submit data stored back to the Crisis Hub.

Offline version of the site was built using a combination of: HTML5; Angular and JavaScript; Bootstrap and CSS3 (SASS); and offline capabilities were utilised using Application Cache and a combination of the browser’s Local and Session storage. Encryption of JSON data was done with Stanford JavaScript Crypto Library (SJCL).

Working within an agile scrum/kanban environment, was constantly involved with the end client, business analysts and back-end development teams to produce highly visual, responsive and performant software utilising open standards that operated across all modern browsers.

The project aimed to produce intuitive software that delivered instant value not only to ministers and teams in Whitehall but also to FCO operatives overseas. The expertise and commitment that was brought to the project played a major part in the overwhelming success of the project in achieving this goal The Crisis Hub application as a whole has been demonstrated to many other government agencies and is considered to be a superlative example.

Production
Site build and design | html5 | css3/sass | bootstrap | javascript | jquery | angular | leaflet | json | geojson | svg
Date

Met Office

Worked in a senior role within a development team responsible for prototyping and delivery of both the Met Office public facing website and mobile equivalent employing responsive adaptive web design/development techniques. Assisted design team in identifying key aspects of user stories and ensuring that up-to-date best practices for user experience, usability and accessibility were delivered throughout to meet the business requirement.

Responsible for development of key front-end functionality within an Agile environment, including highly complex web pages built using a variety of the latest technologies: HTML5, CSS3 with particular focus on media queries based delivery to various devices, JavaScript/jQuery, XML, JSON, advanced mapping API's (OpenLayers), and SVG iconography with suitable fallbacks for non supporting browsers. Performance and delivery costs considered at all times.

Managed development tasks and source control of code via JIRA, Git, SourceTree and Stash. Worked closely with the testing team from automated testing to user acceptance testing to deployment. Regularly held content discussions and demos with stakeholders to ensure that the customers needs we're met at all times.

The Met Office website attracts millions of visitors each week, and as such code maintainability, cross browser and mobile device support, search engine optimization, performance, UX design and usability, W3C compliance and accessibility were a key factor in all design and development work.

Production
Site build and design | html5 | css3 | javascript | jquery | json | xml | svg
Date
Links
Met Office main site | Met Office mobile site

Ministry of Defence

Contracted to Amey Business Services to assist in the execution of a PPP contract to provide web services to the Ministry of Defence (MoD).

Work involved integrating with an established team of web publishers and developers to undertake a variety of web tasks. This included the posting of analytical product to multiple secure Intranets and the creation and maintenance of individual sub sites across these different systems.

To protect client confidentiality, no work examples can be shown for this client.

Production
Site design | xhtml | css | asp
Date

Arium Risk Architecture

Arium is an independent company specialising in risk modelling and decision support.

Client wanted to 'smarten up the site', to make it clean and professional in appearance. Site to establish the company as a credible partner/supplier within the industry. The logo was maintained from existing site. The look and feel was to portray a balance between the stability/conservativeness of the insurance market with the role of Arium in creating new (maybe innovative) models.

Brought in by Octavia Information Systems, Teasemedia was responsible for the complete redesign and build of this site.

Production
Site design | xhtml | css | asp
Agency
Octavia Information Systems (now fifosys)
Date

Octavia Information Systems

Previously repsonsible for the design and build of both Octavia's former website and their subsidiary offshoot Flexisupport, Teasemedia was brought back to redesign Octavia Information Systems' new website which now incorporates Flexisupport under the same site.

Octavia Information Systems delivers technical services, solutions and support for organisations ranging across a variety of commercial, charitable and public sectors.

With Flexisupport, Octavia offers a low cost IT support solution aimed specifically at organisations wanting guaranteed professional IT Support on a pay as you go basis.

UPDATE Spring 2011: Octavia was taken over by Fifosys. For more information view the Fifosys website.

Production
Site design | xhtml | css | asp
Agency
Octavia Information Systems (now fifosys)
Date

IPSO Ventures

IPSO Ventures assists in the creation of valuable and sustainable businesses from Intellectual Property generated by universities and other research establishments.

Contracted through Octavia Information Systems, responsible for the complete design and build of this site.

Production
Site design | xhtml | css
Agency
Octavia Information Systems (now fifosys)
Date

Atari

Brought in by the design agency Draftfcb as a front-end Web Development specialist to join a team specifically set up to produce the new US version of the Atari website, due for launch in June 2007.

Worked closely with the Site's Designer, Information Analyst and back-end Developers advising on layout, usability, web standards and accessibility issues.

Unfortunately, in April 2007 there was a major reshuffle of the Atari Board and all third-party contracts were cancelled including the one with Draftfcb (through no fault of theirs). As a result of this, the entire web project was dropped.

Production
Site build | xhtml | css
Agency
Draftfcb
Date

Vauxhall Business

Whilst working at the design agency Draftfcb, created the css and xhtml pages from pre-designed templates for the business fleet arm of this well known car company. These pages were integrated with php and a database.

Production
Site build | xhtml | css
Agency
Draftfcb
Date

Zen Temple

Zen Temple offers a management consultancy service using Astrology, I Ching and Symbolism. The man behind this site is Chris Odle who is an astrologer, psychic and businessman with over 25 years' experience in the industry.

Have a good working relationship with Chris Odle, having previously worked on his psychic readings website StarTemple.

Contracted through Octavia Information Systems, responsible for the complete design and build of this site.

UPDATE June 2007: Zen Temple has now been rebranded as Chris Odle.

Production
Site design | xhtml | css | asp
Agency
Octavia Information Systems (now fifosys)
Date

Flexisupport

A subsidiary company of Octavia Information Systems offering 24/7 IT support to companies, dependant on the number of support credits that the company has. This is a redesign of the existing site.

Brought in by Octavia Information Systems to both design and build the new website for Flexisupport.

UPDATE August 2007: Flexisupport has been brought back under the Octavia umbrella and its website. For more information view the octavia website redesign.

Production
Site design | xhtml | css | asp
Agency
Octavia Information Systems (now fifosys)
Date

Eye Technology

Eye Technology builds quality precision instruments for Ophthalmic Microsurgery.

Contracted through Octavia Information Systems, responsible for the complete design and build of this site.

Production
Site design | xhtml | css | asp
Agency
Octavia Information Systems (now fifosys)
Date

Aviva

Worked at the independent digital communications agency Halpern Cowan on the 'Make sense of it' campaign for the insurance company Aviva (formerly Norwich Union).

Assisted with the xhtml and css for this site.

Production
Site build | xhtml | css
Agency
Halpern Cowan
Date

Supernanny

Worked at the independent digital communications agency Halpern Cowan on both the UK and US versions of the website for this popular TV Series.

Work was primarily xhtml templates and css for the website. Also worked closely with the back end developers integrating the templates with asp.net.

Production
Site build | xhtml | css | asp.net
Agency
Halpern Cowan
Date

Scottish Widows

Whilst working at the web agency Publicis Modem (formerly Modem Media), created xhtml pages from pre-designed templates for this well established Insurance Company.

Production
Site build | xhtml | css
Agency
Modem Media (now Publicis Modem)
Date

Ministry of Defence

During a ten month extension to the original six month contract with the Ministry of Defence (MoD), the process of updating and improving multiple legacy sub sites on several MoD secure intranets continued. Work on the design and build of new sites was also undertaken. Both work streams involved imposing logical, intuitive navigation upon complex datasets and required close liaison with information owners and the contract manager/sponsor.

Development work included:

  • The creation of a complex site designed to allow remote administration and data addition by overseas users across an international system. This site was built on time to the satisfaction of all parties and is currently in use distributing time-sensitive data to clients both within and outside the UK.
  • A web 'front end' to a newly developed database for hosting on several secure intranets. This work involved close liaison with the software developers and the MoD producers. This site is designed to allow 24 hour real-time dissemination of data and allows easy additions to the database by the information producers and intuitive access to information by the sites intended audience.
  • The installation and configuration of an 'off-the-shelf' Google search engine to crawl a defined region of a server containing client sensitive data achieved by working closely with the MoD system administrators. Style sheets to display the search interface and results pages in the house style were also developed.
  • The creation of the structure and content of the MoD internet site from information contained in an information brochure using the bespoke MoD Content Management System. This was completed within a very tight deadline to the satisfaction of the MoD senior management.

To protect client confidentiality, no work examples can be shown for this client.

Production
Site design and build | xhtml | css | asp | xml | xslt
Date

Ministry of Defence

Contracted to the Ministry of Defence (MoD) from June to October 2005. Employed to update websites on two secure Intranets within the MoD.

The first of these tasks was to improve and update the functionality of a website designed for the dissemination of analytical product involving the adaptation of a house style and the creation of dynamic links based on metadata driven searches.

The second task was the complete overhaul of an Administrative Information website hosted on the primary desktop IT system of the MoD offices in Whitehall. This large and complex task involved the mapping and duplication of a live website, creation of a new structure, development of new and easily understood posting procedures and liaison with multiple information managers within the organisation.

Both tasks were completed on time to the satisfaction of the contract sponsor.

To protect client confidentiality, no work examples can be shown for this client.

Production
Site design and build | xhtml | css | asp
Date

Ministry of Defence

Contracted to Amey Design from Nov 2004 to June 2005 to assist in the execution of a PPP contract to provide web publishing services to the Ministry of Defence (MoD).

This work involved integrating with an established team of web publishers and developers to undertake a variety of tasks. These tasks included the routine posting of analytical product to multiple secure Intranets and the creation and maintenance of individual sub sites across these different systems.

The work was conducted both to the satisfaction of the Amey web team manager and the MOD customer.

To protect client confidentiality, no work examples can be shown for this client.

Production
Site maintenance | xhtml | css
Date

HM Inspectorate of Court Administration (HMICA)

Called back by the Department of Constitutional Affairs (DCA) to build XHTML templates for this government site. Templates had to be able to work within the RedDot content management system used.

Production
Site design | xhtml | css
Date

EveryEye

EveryEye helps designers/developers see what older and colour blind people see on screen. Co-responsible for the design of this site.

Production
Site design | xhtml | css
Date

Office of the Legal Services Complaints Commissioner (OLSCC)

Whilst at the Department for Constitutional Affairs (DCA), was asked to design and build this site for the Office of the Legal Services Complaints Commissioner (OLSCC). A new department set up by the government to help the public with legal complaints.

Production
Site design | xhtml | css
Date

Department of Constitutional Affairs (DCA)

Worked directly with the client (now known as the Ministry of Justice) building and maintaining html pages from pre-designed templates.

Helped set up the Freedom of Information (FOI) site prior to its coming into force on 1 January 2005.

Please Note that the responsibilities of the Department for Constitutional Affairs (DCA) have since been transferred to the Ministry of Justice.

Production
Site maintenance | html | css
Date

New England Company

Designed the website for this small grant-giving charity to dioceses of native peoples in Canada and the Caribbean.

Production
Site design | xhtml | css
Date
Links
New England Company website

Spanish Family Golf

Designed and built the website for this Spanish holiday villa which specialises in Golfing holidays.

Production
Site design | xhtml | css
Date

Star Temple

Designed the front end of this Astro Weather chart for Star Temple which depicts all 12 signs of the Zodiac. Each day 3 icons are generated for each star sign showing various forms of luck.

As well as designing the flash chart, created over 52 individual icons. Chart is supported by a back end database which selects the icons to be shown each day.

Production
icon design | flash
Agency
Octavia Information Systems (now fifosys)
Date

The Screen

The Screen is a forum dedicated to the Digital Media Network market. Responsible for the layout and build of this website.

Production
Site design | xhtml | css
Agency
Octavia Information Systems (now fifosys)
Date

20four7

Client is a clothes designer who wanted a site to show a small selection of clothes available from the current collections. Responsible for the complete design, layout and build of this site.

Production
Site design | xhtml | css
Date

Harrow Council (Reach)

Brought in by the web agency TMG to create xhtml pages from design templates for the courses section of this educational site by Harrow Council. Care was taken to make sure that this website is accessible and all pages were validated.

Production
Site build | xhtml | css
Agency
TMG
Date

Lambeth College

Brought in by the web agency TMG to create xhtml pages for Lambeth College ensuring that pages validated with the W3C and checked that the pages were accessible.

Production
Site build | xhtml | css
Agency
TMG
Date

Savills

Whilst working for the web agency Oyster (now part of the LBi Group), created xhtml pages from design templates for this well established Estate Agent.

Production
Site build | xhtml | css
Agency
Oyster (now part of the LBi group)
Date

Queen Square Imaging Centre

Queen Square is a leading MRI scan unit with close links to the National Hospital. Client wanted website to reflect the various services that they offer, together with an interesting cases library showcasing past work.

Production
Site design | html | css
Agency
Octavia Information Systems (now fifosys)
Date

adidas

Whilst working for the web agency SBI and Company (now part of LBi Group), created html pages from pre-designed templates for the performance brand of this famous sports company.

Production
Site templates | html | css
Agency
SBI and Company (now part of the LBi group)
Date

Cinyras

Designed the front end of the website for this small IT firm. Company offers many IT solutions including training on various certifications and the site has a dynamic 'select a course' and wizard for the user.

Production
Site design | xhtml | css
Date

Cocoa Island

Cocoa Island, situated in the Maldives, is an Indian Ocean outpost from Como Hotels and Resorts.

Helped with the design of this hotel's website together with several other famous hotels and resorts under the Como Hotels And Resorts umbrella.

Built HTML templates to fit in with the content management system designed by JohnHenry.net

Production
Site templates | html | css
Agency
John Henry
Date

Hotel Principe di Savoia Milano

A minimal site for this elegant Italian hotel, which is part of the Dorchester Hotel Group.

Production
Site build | html | css
Agency
John Henry
Date

UBS Investment Bank

One of the world's largest banks, UBS Warburg, globally changed its name to simply UBS. Assisted in the rebranding of The UBS Investment Bank website. Worked with html templates to strict company guidelines.

Production
Site build | html | css
Date

Star Temple

Designed the front end of this website for a UK based, psychic telephone service company. Back end is a database showing which psychics are currently available to do readings.

Production
Site design | xhtml | css | asp
Agency
Octavia Information Systems (now fifosys)
Date

The Saatchi Gallery

Produced a website for Charles Saatchi's Art Gallery to coincide with the gallery moving to its former location at County Hall, London. The gallery is now situated at Duke of York's HQ, Kings Road, London.

Client wanted the website to provide information on the gallery, its current collection and previous exhibits.

My 'minimal' approach to the look and feel of the website, reflecting the nature of the gallery and its layout, was warmly welcomed by the client.

The site has been hugely successful and attracts many visitors each day.

Production
Site design | html | css
Agency
Octavia Information Systems (now fifosys)
Date

United Kingdom Civil Service Benefit Society (UKCSBS)

A revamp of the United Kingdom Civil Service Benefit Society's (UKCSBS) existing site. UKCSBS is a Friendly Society, offering a range of savings plans to Civil Servants and staff of public sector organisations.

Built HTML templates to fit in with the content management system designed by JohnHenry.net

The UK Civil Service Benefit Society is a trading style of Homeowners Friendly Society Limited which now trades under the name Engage Mutual Assurance

Production
Site build | html | css
Agency
John Henry
Date

Flexisupport

A subsidiary company of Octavia offering 24/7 IT support to companies, dependant on the number of support credits that the company has. As a subsidiary company of Octavia, the website was designed along the same lines as the parent site but with a different colour.

UPDATE: August 2007. Flexisupport has now been brought back under the Octavia umbrella and its website. For more information view the octavia website redesign.

Production
Site design | html | css | asp | flash
Agency
Octavia Information Systems (now fifosys)
Date

Moro Restaurant

Moro is a famous Spanish/Moorish restaurant based near Farringdon, London. Client launched a book and wanted a website to back up the both the book and the restaurant.

Production
Site design | html | css | asp
Agency
Octavia Information Systems (now fifosys)
Date

SW London and St. George's Mental Health NHS Trust

The Electronic Care plan Approach (eCPA) is a Department Of Health (DOH) mandated system for managing the Care Program Approach within NHS Mental Health Trust environments.

The objectives of eCPA are to:

  • Provide Complete Care Plans for patients
  • Maintain strict Security | Confidentiality requirements
  • Incorporate existing medical documents
  • Give accurate and timely reporting to The DOH

Worked closely with the System Architect at Octavia Information Systems to produce a web interface and prototype for the system to handle Care Plans within an NHS Hospital Trust. A system was designed based on an n-tier architecture utilising a MS SQL server database platform.

A working prototype was developed using asp server-side includes, to enable a modular approach to the implementation of the final system, and a rapid development cycle. This allowed a wide range of users to be involved in the design process. As well as being a key application design stage, this prototype also helped overcome any pre-conceived hostility to the system. A data connector was also created to allow the system to integrate with a legacy IBM UniData system.

The project has been an overwhelming success. Business benefits such as 24/7 access to patient data, data accuracy, timely reporting to DOH standards, etc have resulted in the system being widely accepted by the user base.

SWLST were recently awarded a maximum 5/5 by the DOH for their implementation of their eCPA system (source: Commission for Health Improvement).

Production
Site templates | html | css
Agency
Octavia Information Systems (now fifosys)
Date

Octavia Information Systems

The company's web designer for over two years, responsible for the complete design and maintenance of the company website. This included the rebranding of the corporate image.

UPDATE: August 2007. This site has since been redesigned by Teasemedia.

Production
Site design | html | css | asp | flash
Agency
Octavia Information Systems (now fifosys)
Date

Pig Communications

Created a small and brief flash introduction to the Pig Communication website showing the company logo and name. Pig communications are a public relations company and wanted the introduction to have a light-hearted feel.

For the company logo, many pigs were drawn in various styles, shapes and colours. The clients had suggested a fierce looking pig and the final pig was chosen from the finalists for its slightly aggressive but cheeky look. The pig was originally coloured but this was later removed and for a stronger appearance, the pig's features were hardened and a bright pink was added to the nose - the black and pink matching the company text.

The pig appears on screen as if being drawn by an invisible hand and the sound effect of chalk on a blackboard was added to enhance the effect. Different levels of sound were used for the text: a deep voiced 'pig', followed by a high pitched and hurried 'communications' with the hoped effect of adding a bit of humour to the introduction. The pig then grunts twice as if coming to life and this signals the end of the introduction.

The user would then enter the Pig Communications website by clicking on the pig's nose which expands to fill the screen.

Production
Site design | flash
Agency
Octavia Information Systems (now fifosys)
Date

Octavia Information Systems

Produced a flash advert for the Octavia website (previous edition). The idea, to encourage a company its business would be boosted through the help of technology. Rather than lengthy pieces of text, short 'keywords' were chosen to get the message across.

The keywords chosen for this were productivity, presence, efficiency, communication knowledge and business, each word appearing on its own against a background image relating to the subject. These keywords were interjected by the word 'increase' as if to pose the question does the client want to increase presence for example.

After prompting the client with these keywords, the IT solutions are then provided. The movie ends abruptly bringing up the Octavia logo (previous edition).

The movie was given a soundtrack to coincide with certain events of the action.

Production
Site design | flash
Agency
Octavia Information Systems (now fifosys)
Date

About

Meeting the demands of an ever changing industry, Teasemedia prides itself on producing websites of high quality not only with the way they look, but the way that the information is provided.

Based in the UK, Teasemedia was founded by web developer Steve Tearle. Steve has over 15 years experience in the web industry, and has enjoyed successful working relationships with leading design agencies and IT specialists.

Teasemedia has designed sites for a variety of clients from major companies and central government agencies to smaller more specialist stand-alone businesses.

An advocate of the latest web standards, Teasemedia produces websites using clean semantic code in HTML5, CSS3 and JavaScript/jQuery following the latest W3C recommendations and accessibility guidelines.

Teasemedia offers no-nonsense visual design and are flexible in their creative process. If you would like more information on what Teasemedia can offer, please contact .

Contact

Teasemedia would like to hear from you. For all new business enquiries and general information, please contact Teasemedia by:

Phone

+44 (0)7950 932780

Email