Web Development
|
         
|
|
|
||
|
|
|
|
|
|
|
|
|
From the simplest, single page store front, to full database driven, web-based applications, for example for resource scheduling or workflow, we can create or renew your website. You may have your own design inspirations or may want us to come up with standout, eye catching designs.
If you want to have more control of your website, we can write content management solutions, tailored to your needs, allowing you to upload and crop images, change the textual content of the pages and even the structure of the navigation.
Here is a small sample of web sites, You can see the kind of work we are capable of. Click on the thumbnail to visit the actual site.
![[ - ]](http://www.bagnall.co.uk/images/minus.gif)
runescape.com
We had to work to a very tight deadline and worked many hours overtime to hit that target, yet produced a much refreshed and feature rich site for an improved user experience.
I worked on page structure, main navigation, main login panel and news, including CSS3 features like the news category filter, main navigation and the login panel with a rotating device to close the dialog. All of the CSS3 funtionality had javascript fallback using modernizr to identify browser capabilities.
This is also the first commercial site where I have used my technique for gradient text, which speeded up localisation and creation of page content.
Another new technique I emplyed on this site was the use of a canvas element to make banners appear as if waving in the breeze.
I also created and promoted the use of template and reusable elements files to speed up development time and encourage consistency.
Work undertaken at Jagex Ltd.
Involvement: XHTML,CSS3,CSS,DHTML,JavaScript,jQuery
jagex.com
The main site of an organisation has to be well executed, especially for a web based company such as Jagex Ltd.
Here, several controls on the page combine to make navigation simple and fluid. Tabs, buttons, filters and page controls.
When the browser is JavaScript enabled, every click is handled without a full page refresh. jQuery implementation provides subtle animation - not overdone.
The page has examples of some of the reusable items I created and encouraged the use of, for example the filter controls on the "All Games" page.
Work undertaken at Jagex Ltd.
Involvement: XHTML,CSS,DHTML,JavaScript,jQuery
www.8realms.com
Lead client side developer for this website for a new Jagex game. Here we have started using CSS3 though browser support is still not solid, so we have to provide CSS3 features which can degrade gracefully on non CSS3 (or poorly supported CSS3) browsers.
Again, the reusability I advocated from the start of working for Jagex has been beneficial in contributing to delivering this website on time to a tight schedule and relatively bug-free at launch.
Work undertaken at Jagex Ltd.
Involvement: Lead Client Side Developer,XHTML,CSS,CSS3,DHTML,JavaScript,jQuery,Modernizr
www.stellardawn.com
Lead client side developer for this brand new, high profile promotional site for an upcoming game release - Stellar Dawn. This needed to be a standout website, so in addition to the static designs, I added jQuery fade effects for the mouse-over states.
This site had to be delivered to short timescales and was delivered on time. The reusablilty I promoted in other projects once again reaped benefits in getting this project complete on time and to a high standard.
Work undertaken at Jagex Ltd.
Involvement: Lead Client Side Developer,XHTML,CSS,DHTML,JavaScript,jQuery
RuneScape Cards Store Locator
This page opens with geolocation by IP so that your country should be the one displayed by default. Making use of jQuery to animate when changing country selection. The text on the page is styled to look engraved or etched by use of CSS3 text shadow for applying highlight and shadow together.
Work undertaken at Jagex Ltd.
Involvement: XHTML,CSS,DHTML,JavaScript,jQuery
jagex achievements
Server side scripting in javascript utilising jQuery libraries and the jQuery accordion. Data are retrieved on demand using ajax, so cutting the bandwidth demand on the servers and providing a smoother user experience. Note, the page will also function without javascript. To view this page you would need a free Jagex account.
Work undertaken at Jagex Ltd.
Involvement: XHTML,CSS,DHTML,JavaScript,Ajax,jQuery
waroflegends.com
It was possible to build the War of Legends site very quickly thanks in part to the re-usable elements along with the enormous hard work of all the teams involved.
The War of Legends site incorporates a Forum feature which I have worked on extensively.
I also implemented the news pages and account management page.
Work undertaken at Jagex Ltd.
Involvement: XHTML,CSS,DHTML,JavaScript,jQuery
HTML Newsletters
For Jagex I tackled the thorny issue of HTML Newsletters.
From receipt of Photoshop designs through to pages which can be submitted to Lyris and will be compatible with the top email clients such as Outlook, Hotmail, gMail and Yahoo, across browsers.
Work undertaken at Jagex Ltd.
Involvement: HTML,CSS
Paul Gittins Notary Public
In this design and implementation, we tried to utilise a fresh and modern style to convey approachability and not be bogged down with the intricadies of the legal world, after all, that's what our client is sought for and his clients pay for his expertise.
We advised against using legal stereotypes such as images of stuffy documents and tried to encourage the use of emotive photographs such as those on the "Making a Will" page. Unfortunately, the client insisted on images of legal documents, but we followed his wishes against our advice and reached a compromise.
The contact page has animated, context specific, expanding sections to lessen the impact of what might otherwise be a large, daunting form to fill. The essentials were to get the main contact details down for replies, but also to try and gather some data to allow the client to assess the needs of the their potential client before contacting them.
The menu utilises a subtle fade animation.
Utilising XHTML, JavaScript, jQuery, BBC Glow, CSS, PHP.
photo360
A double opt in subscription system for a magazine newsletter, hosted on LAMP (Linux, Apache, MySQL and PHP), html/plain text email confirmation and newsletters.
Utilising HTML, JavaScript, DHTML, CSS, PHP, MySQL database design.
airlines.bagnall.co.uk
This site utilizes ajax and jQuery to provide alphabetic lists of world airlines from a MySQL database. On selection of an individual iFrame, it switches from using Ajax so that the adsense adverts may be pertinent to the airline in question. I was responsible for site design in Photoshop.
Utilising XHTML, Ajax, jQuery, MySQL, ASP, JavaScript, DHTML and CSS.
zestforlifefitness.co.uk
Zest for Life Fitness includes a unique body mass index calculator. This BMI calculator, unlike other online body mass index calculators, allows you to enter data in imperial or metric units. A lot of thought has gone into the ease of use of the user interface for this tool. Written in bespoke javaScript. I was responsible for the design on this project.
Utilising HTML, ASP, JavaScript, DHTML and CSS.
This site was a complete revision of a pre-existing site. The client had strong designs and was pro-active in the design process, providing media including transparencies, line drawings and prints. He also provided layout drawings to work to.
DHTML and JavaScript are used extensively throughout the site to provide eye-catching features with minimum of bandwidth for users with slow connections.
Search Engine Optimisation puts this on the first page of Google for phrases such as "cambridgeshire garden design" and "cambridge garden design".
Many of the pages provide thumbnail links to launch a slideshow window
Utilising JavaScript, CSS and DHTML.
taxigas.co.uk
Provided a map of petrol prices using MySQL in combination with Google Maps and Google Earth.
Search Engine Optimisation put this on the first page of Google for phrases such as "find a cab" and "cheap petrol".
This zero budget site relied on community involvement for data which was not forthcoming and has since been closed due to competition from startups with large budgets who can purchase data.
Utilising MySQL, ASP, JavaScript, DHTML, CSS, Google Maps and Google Earth.
badminton.bagnall.co.uk
Utilising a dark background and light text this site with an original graphic for the title serves as a meeting place for club members.
Also provides an email management system for emailing the opt in membership.
Utilising ASP, JavaScript and CSS.