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.
A website which has a compact form factor according to the client’s requirements and designed jointly by the client and myself to have rich graphical content. On entering the site, the visitor is presented with a white, letterbox shape which fills with a colourful floral scene, after which the menus are presented for navigation.
On less capable browsers like IE, users have a perfectly functional and pleasant experience with this site, but if they want to have a richer, more elegant experience, they need to start making more informed choices of browser. The intention is to have fluid navigation throughout the site with subtle transforms (on more capable browsers such as Chrome, Firefox, Opera and Safari). The right menu for example morphs from a wide section with content, to a narrow section when more space is given over to the gallery and other pages which require more space.
The projects section is a horizontal accordion and each pane in the accordion provides 6 thumbnail images which expand to fill the frame when clicked, providing a small gallery of the project. When the cross is clicked, the larger image slips smoothly away, back to it’s corresponding thumbnail position.
The main image on each page has a subtle transitition where the background drops out of focus, leaving a small square or rectangle in focus.
Because of the rich photographic content, this site is not intended for a mobile audience, nevertheless, the form factor adapts when viewed on an iPad or a mobile device, preferably in a landscape view.
This is the third generation of this website for the same client.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 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.