Teasemedia prides itself on producing websites and apps of high quality focusing on design, usability, web standards, and accessibility.
Well-versed in working within Lean UX and agile environments. Experience of the entire UX design and UI web development life cycle, from initial user research, creation of personas, user journeys and wireframes, through to development of interactive prototypes, data visualisations and working web solutions.
Teasemedia has enjoyed successful working relationships with leading design agencies, IT specialists, retailers, finanicial institutions and several central government agencies
If there are any work matters that you would like to discuss, please contact [email available on request].
Clients
HSBC Global Banking and Markets
Worked autonomously for HSBC Global Banking and Markets which is an emerging markets-led, financing-focused business that provides investment and financial solutions.
Collaborated with teams in China, France, India, UK and USA producing a suite of complex and highly visual business critical applications that are used by HSBC traders around the globe.
End to end UX role involving user research, analysis, wireframes, prototyping, and implementation of a style guide and design pattern library.
Mentored new UX designers in the team.
Production
UX design | figma | axure rp
Date
Hilti
Hilti ON!Track is an asset management solution for clients to have visibility and accountability on their entire fleet of construction assets through their desktop, laptop, tablet or smartphone.
ON!Track is a global project with teams in Liechtenstein, Germany, India, and Malaysia. Main duties are remotely managing an offshore team of UX/UI designers.
Shared an excellent working relationship with the Product Owners, Managers, Marketing Team, Developers, and Designers to produce high fidelity designs and concepts for the development team.
Created a modular component based design library offering a reliable, safe, and fast way to build interfaces.
Part of a three-man team that flew to India and successfully negotiated a reduction in estimation of development effort by over 50% that saved Hilti over $1.5 million for the quarter
Production
UI/UX design | sketch | marvel
Date
Hitachi Vantara
Brought in as the Senior UX/UI designer to work on a greenfield project to deliver a Hitachi Digital Evidence Management software system. HDEM was developed as a Software as a Service (SaaS) solution for the collection, aggregation and management of digital evidence for law enforcement agencies and other organisations that have the requirement to collect, aggregate and manage digital evidence.
Worked closely with the Business Analyst to produce high fidelity designs in Sketch for the Development Team to work from. Adopted a mobile first approach to allow Law Enforcement Officers access to this digital evidence data at all times across a wide range of smart devices.
HDEM was a global project involving daily collaboration with teams in the UK, USA, Italy and India.
Production
UI/UX design | sketch | axure rp
Date
Post Office
As senior UX Designer worked in a small agile team of UX designers, UI designers and business analysts on a project to replace the existing Post Office branch EPOS system.
Role involved working closely with business analysts, a visual designer and senior end users to design and deliver UX prototypes for the new Post Office electronic point of sale system. This fully responsive touch based system is to be rolled out in over 11,500 Post Office branches throughout the UK, with the new version being designed as a "mobile first" solution to run on devices ranging from hand held smartphones and tablets, through to fixed screen EPOS systems and self service kiosks.
Responsible for development of all high fidelity working prototypes, using Axure RP, for use in end user testing and evaluation and to act as pixel perfect design specifications for the front end development team to work from. Also involved with the analysis of the existing legacy system design and workflow, and proposing changes to improve system usability and the overall user experience.
Recruited to bring expertise and in depth knowledge of UX and UI front end web technologies to a high profile, mission critical "Crisis Hub" system in constant use by the Foreign & 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.
Working within an agile scrum/kanban environment alongside the Government Digital Services (GDS) framework, continually met with stakeholders and users during the lean UX development process to quickly deliver a responsive accessible working solution that fully met their requirements.
The more challenging work undertaken by the project included the design and development of complex 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 Mapping API. These complex data visualisation and mapping features within a multidimensional system enabled the FCO 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 wanted 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 which allowed authenticated users to securely store and retrieve protected data. Data was encrypted/decrypted with a combination of the user’s username and password, which provided the authentication. This offline capability was designed and built using a combination of: HTML5; CSS3 (SASS) and Bootstrap; JavaScript and Angular. Offline capabilities were utilised using the 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).
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.
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 UX design and UI web development techniques. Working with the 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 design and development of key front end functionality within an agile environment, including highly complex web pages and data visualisations 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 OpenLayers, and SVG iconography with suitable fallbacks for non supporting browsers. Performance and delivery costs were 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 were 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 optimisation, performance, UX design and usability, W3C compliance and accessibility were a key factor in all design and development work.
Production
UX design and UI build | html5 | css3 | javascript | jquery | json | xml | svg
Date
Ministry of Defence
Contracted to the service provider Amey on a rolling contract basis to assist in the execution of a PPP contract to provide web services to the Ministry of Defence (MoD). Work involves integrating with an established team of web publishers and developers to undertake a variety of web tasks. This included the routine posting of analytical product to multiple secure Intranets and the creation and maintenance of individual sub sites across these different systems. More MoD work listed below on earlier contract.
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 (now fifosys), Teasemedia was responsible for the complete redesign and build of this site.
Production
Site design | xhtml | css | asp
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.
Production
Site design | xhtml | css | asp
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 (now fifosys), responsible for the complete design and build of this site.
Production
Site design | xhtml | css
Date
Atari
Brought in by the design agency Draftfcb as a UI 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
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
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 (now fifosys), 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
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 (now fifosys) to both design and build the new website for Flexisupport.
UPDATE August 2007: Flexisupport was brought back under the Octavia umbrella and its website.
UPDATE Spring 2011: Octavia was taken over by Fifosys.
Production
Site design | xhtml | css | asp
Date
Eye Technology
Eye Technology builds quality precision instruments for Ophthalmic Microsurgery.
Contracted through Octavia Information Systems (now fifosys), responsible for the complete design and build of this site.
Production
Site design | xhtml | css | asp
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
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
Date
Scottish Widows
Whilst working at the web agency Modem Media (now Publicis Modem), created xhtml pages from pre-designed templates for this well established Insurance Company.
Production
Site build | xhtml | css
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
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.
Contracted through Octavia Information Systems (now fifosys), responsible for the complete design.
Production
icon design | flash
Date
The Screen
The Screen is a forum dedicated to the Digital Media Network market. Responsible for the layout and build of this website.
Contracted through Octavia Information Systems (now fifosys), responsible for the design of this site.
Production
Site design | xhtml | css
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
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
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
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.
Contracted through Octavia Information Systems (now fifosys), responsible for the design this site.
Production
Site design | html | css
Date
adidas
Whilst working for the web agency SBI and Company (now part of the LBi group), created html pages from pre-designed templates for the performance brand of this famous sports company.
Production
Site templates | html | css
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
Date
Hotel Principe di Savoia Milano
A minimal site for this elegant Italian hotel, which is part of the Dorchester Hotel Group.
Contracted through John Henry responsible for the design of this site.
Production
Site build | html | css
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.
Contracted through Octavia Information Systems (now fifosys), responsible for the complete design of this site.
Production
Site design | xhtml | css | asp
Date
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.
Contracted through Octavia Information Systems (now fifosys), responsible for the complete design of this site.
Production
Site design | html | css
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 John Henry
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
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.
UPDATE - Spring 2011: Octavia was taken over by Fifosys.
Production
Site design | html | css | asp | flash
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.
Contracted through Octavia Information Systems (now fifosys), responsible for the complete design of this site.
Production
Site design | html | css | asp
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.
Worked closely with the System Architect at Octavia Information Systems (now fifosys) 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
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.
Continued to work on numerous projects with Octavia Information Systems on a freelance basis.
UPDATE - Spring 2011: Octavia Information Systemwas taken over by Fifosys.
Production
Site design | html | css | asp | flash
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
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.
UPDATE Spring 2011: Octavia Information Systemswas taken over by Fifosys.
Production
Site design | flash
Date
About
Meeting the demands of an ever changing industry, Teasemedia are well-versed in working within Lean UX and agile environments. Experience of the entire UX design and UI web development life cycle, from initial user research, creation of personas, user journeys and wireframes, through to development of interactive prototypes, data visualisations and working web solutions. All sites and apps are responsively designed and built following the latest web standards.
UK Based, Teasemedia was founded by Steve Tearle. Steve has over 18 years UX and UI experience who thrives on new challenges found within the industry. As a keen advocate of the latest design trends, web standards and accessibility guidelines, always looking to broaden UX and UI design knowledge to increase all round ability to deliver innovative and successful solutions.
Teasemedia has enjoyed successful working relationships with leading design agencies, IT specialists, retailers, finanicial institutions and several central government agencies
If you would like more information on what Teasemedia can offer, please contact email available on request.
Contact
Teasemedia would like to hear from you. For all new business enquiries and general information, please contact Teasemedia by:
Phone
telephone number available on request
Email
email available on request
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.
