Portfolio
My portfolio showcases some of the best websites that I have built. Simply click on one of the titles on the right to reveal information on the ideas behind the site, some screenshots, the technologies I used to create it and a link to the site itself.
Can't wait?
Click on the 'in development' button to see a sneak preview of some mockups for projects I am currently working on.
Portfolio
Sensor Data
Site Completed: April 2011
This site was born out of a need for our client to have an online resource to deal with common questions they were being asked about their products.
The site acts as a tool for search engines to index searched keywords and also as a resource for customers to be pointed to. The site also has it's own built in search facility for customers that may have visited the site directly.
The site was set up with a custom built content management system for the client to add in their own questions.
- Internal search facility for direct visitors to the site
- "Most Popular" sort function on the homepage of the website
- Custom built CMS for cient to add and edit their own content
- HTML
- CSS
- JavaScript
- JQuery
- PHP
- MySQL
- Fireworks
- Photoshop
Portfolio
Perfect Circle Therapy
Site Completed: May 2011
The client wanted a new website and developed for her start up business doing mobile massage therapy. The site also needed to be flexible enough to allow for the other areas of her business such as nutrition therapy and sports massage.
The logo was designed with three circles, each one representing what will be the clients area of expertise. The site colour and layout was then produced based on this logo.
The site is easy to navigate, with plenty of high resolution imagery. The content allows potential customers to have a detailed read of what services are on offer.
- High resolution imagery to make the site look attractive
- FAQ section for any potential clients
- Downloadable information for clients to complete prior to their treatments
- HTML
- CSS
- JavaScript
- JQuery
- Fireworks
- Illustrator
- Photoshop
- PHP
Portfolio
Interface Force
Site Completed: April 2011
Interface Force were undergoing a massive restructure in terms of their online content. As part of that restructure they wanted a redevelopment of their flagship product driven website.
Using a pre-agreed and bespoke template the existing site was altered dramatically to produce an easy on the eye and easy to use website with vast information on their products.
As part of the wider product range, information on products is also drawn in from other Interface websites. Unique products to this website can be added via a custom built content management system.
- Custom built content management system for adding products and documents
- Product information from other Interface sites is also drawn in via a database
- Product pages are neatly laid out for increased usability
- HTML
- CSS
- JavaScript
- JQuery
- Photoshop
- Fireworks
- PHP
- MySQL
Portfolio
Interface Torque
Site Completed: April 2011
As part of the wider online restructuring for Interface Force the client wanted a site put together for the torque branch of their product line.
A brief and a template were put together which featured a simple page layout with plenty of scope for adding product detail via a custom built content management system.
The site (when launched) was holding over 40 products with plenty of text and downloadable information for each one.
- Custom built content management for adding products
- Tabbed layout for product pages with categorised information
- Clean use of CSS for interactive menus and usability
- HTML
- CSS
- JavaScript
- JQuery
- Photoshop
- Fireworks
- PHP
- MySQL
Portfolio
The Riley Fund
Site Completed: April 2011
A personal friend wanted a website put together to help raise funds for their disabled son. The main aims of the website was to raise awareness for the disability, act as a tool for events and news and provide information on donating.
The site is beautifully put together with plenty of childlike, colourful imagery and themes.
Keeping on track with the brief the site also has a content managed area for adding new news stories, events and updating the total raised.
- CSS driven fund "thermometer" shows the user how much has been raised
- CMS driven area for adding news stories and new events
- Information about the disability and how to donate
- HTML
- CSS
- Photoshop
- Fireworks
- PHP
- MySQL
- JavaScript
- JQuery
Portfolio
Globalmet Industries
Site Completed: March 2011
The client wanted to revamp their existing site that was looking very dated and also improve their company's online brand.
After meeting with the client, wireframing and initial designs were discussed and finalised and put together. The existing company website colours were scrapped in favour of a blue and white variation.
The client now has a site they can be proud of and can confidently point customers towards to gain potential business.
- Complete product range with downloadable data sheets
- Plenty of high resolution imagery making the site attractive
- Interactive global map for customers to contact the company
- HTML
- CSS
- Photoshop
- Fireworks
- PHP
- Flash
- JavaScript
- JQuery
Portfolio
Easy View Photography
Site Completed: February 2011
The client wanted a simple website put together for his new freelance photography business. Due to the nature of the business, some sharp, eye-catching imagery was needed at the front of the website.
The site has a sleek look with black and green being the major colours. The site also features an image that the client took - which personifies the site and also his ability.
There is a portfolio page for all imagery, further information including a price list and also a contact form. The sites main goals were to showcase the photos and to get users in contact with the client.
- Categorised up-to-date portfolio
- Price lists for comparison
- Easy to use contact form for enquiries
- HTML
- CSS
- JavaScript
- PHP
- Fireworks
- Photoshop
- SEO
Portfolio
Peter Tickner Associates
Site Completed: December 2010
The client was looking for a brand to launch his new business with. After years in the fraud industry Peter was now branching out on his own. His name was his recognised brand and as such the website is built around that.
The site is a simple one-pager which allows content to be categorised in a tab format. Items such as speaking events, published articles and books are given preference.
Despite the amount of content the site still looks clean and professional and is very easy to navigate around.
- One page website
- Includes all relevant information including contact form
- Links to purchase book help with self promotion
- HTML
- CSS
- JavaScript
- PHP
- Fireworks
- Photoshop
- SEO
Portfolio
The Top Floor Gym
Site Completed: November 2010
Our client was already redesigning the front end of the website and needed to outsource the back end development of an administration system to enable their client to update the page content of their website.
The admin panel uses the design of the main site and each editable section is clearly laid out for the end user.
True to the brief the client needs no prior knowledge of HTML to be able to update the website.
- Powered by a purpose built CMS with no prior technical knowledge needed
- Easy to use forms allow for quick updates
- Document and image uploader lets the end user link to files
- HTML
- CSS
- Fireworks
- JavaScript
- PHP
- SQL
Portfolio
WH Internet
Site Completed: January 2010
My freelance website! This website was initially set up to allow me to get more business when I started website design. It has undergone three variations with the latest one being this one which was completed in January 2010.
The site is attractive and professional looking and showcases all the aspects of design that my freelance company can offer including hosting and domain purchases as well as website design.
Behind the scenes the site is powered by a CMS available through a self-built admin panel. For clients with current projects there is also a ProjectTracker which allows them to keep up-to-date with all developments on their website.
- Portfolio and testimonials page showcases our work and feedback.
- Simple to use web form that allows clients to tailor their package.
- Administration panel allows easy updates to the site via the database.
- HTML
- CSS
- JavaScript
- Photoshop
- Fireworks
- PHP
- MySQL
- Flash
- SEO
Portfolio
The Golf Shop
Site Completed: September 2010
The client wanted a redesign of their basic brochure site advertising their golf shop. In particular they wanted ecommerce installed on their new site and also the ability to upload new products and also check stock levels against products listed in store.
After much investigating, an ecommerce solution was purchased and the default ecommerce skin was completely revamped using a design approved by the client beforehand.
Upon site completion training was then given to the client to enable them to add/edit and delete products via the administration section.
- Ecommerce functionality for online payments
- Product categorisation including sale, featured and popular items
- Product pages include customer ratings, comments and an also bought feature
- HTML
- CSS
- JavaScript
- Fireworks
- PHP
- SQL
- Ecommerce
- SEO
Portfolio
Interface Force UK
Site Completed: March 2010
The client wanted a re-design of the existing Interface website for its UK distribution. The old website incorporated all the products and information in one place, however as part of the Interface rebranding they have been setting up dedicated websites for their product range.
The brief for this website was to act as a portal website which would lead visitors off to the different dedicated websites. This was achieved by using a JavaScript orientated list to display a brief introduction, thumbnail image and a link off to each site.
The rest of the website was to act as a general overview of the company including news and featured product information as well as the facility to contact the company directly.
The site colour palette was completely revamped and uses a mixture of blues, black and oranges to give a professional yet vibrant effect on the site.
- JavaScript list allows users to quickly navigate to the different dedicated sites
- Brand new colour palette used to modernise the site
- Latest news and featured product information keeps users updated
- HTML
- CSS
- JavaScript
- PHP
- Fireworks
- SEO
Portfolio
FC Berksalona
Site Completed: August 2009
The site build for this didnt include much of a brief from the client - the manager of a local Sunday League football team. He had his own wishes as to what needed to go on it and that it needed to be easily updatable for someone with no HTML knowledge but the design/style was left open.
Colour wise the site needed to represent club colours and opens up into a dark shade of green against white text. Information is fed through to the front end from a database including player stats, fixtures, results and news stories... it even has room for a WAG section!
Although the site was not intended for new visitors to find, it has been set up to be Search Engine friendly and appears well in page rankings.
- Player Profile pages including stats and personal information
- Match Report pages which feed statistics around the site
- Social Networking icons used to promote discussion amongst players/fans
- Lightbox effect for Picture Galleries
- Custom built CMS allows easy updating for non-technical users
- HTML
- CSS
- Fireworks
- JavaScript
- SEO
- PHP
- MySQL
Portfolio
Golf Apartment Las Ramblas
Site Completed: June 2008
The client approached us with a site that he currently had which was functioning as a holiday villa in Spain with good golf courses. The site had been running for several years however the brief was straightforward: modernise the site and increase the visitors/number of bookings.
The target audience was established as keen golfers who look to combine a relaxing holiday with a few rounds, and also small families looking to spend time away in a much sought after part of Spain.
The site has been designed to be both modern but also comforting enough that visitors would be able to imagine themselves in the idyllic surroundings the clients had to offer.
- Scrollable image gallery widget
- Interactive booking form
- Availabilty calendar and price list
- Local resort/tourist information
- Local golfing information
- Post holiday questionnaire
- HTML
- CSS
- JavaScript
- PHP
- SEO
Portfolio
Low Profile
Site Completed: February 2009
One of our biggest clients required a site dedicated to its low profile range of load cells and sensors. The brief included needing a easy to use site with logically laid out product pages. It was also identified from an early point that the product information would change regularly, so needed to be easily updatable.
The use of plain colours allows the sers to easily find the information they are looking for and the product pages have been practically laid out to allow for first time visitors who may only need to find certain snippets of information.
Information banners dot the site highlighting popular products and a promotion page lists all the latest offers available to the customers.
- Custom built CMS powers product and document sections
- JavaScript tabs allow user to easily find relevant information
- Information banners link to popular products
- Events page shows the conference the client will be in attendance
- HTML
- CSS
- Fireworks
- PHP
- MySQL
- JavaScript
- SEO
Portfolio
Lidgate Violins
Site Completed: April 2009
The client approached us about a site for his established violin repair/building business. The main objective of the project was to get the business an online presence in search engines and cut down costs to offline advertising methods.
The client was happy for us to take the lead in the visual design of the site and after detailed discussions about which direction the site should take two main areas were identified: the repair and the sales of the violin family of instruments.
The site created was small, compacted and easy to navigate around.
Since its launch the client has come back to us with positive feedback about how it has generated business for him and already paid for itself in sales.
- Site is keyword rich to help its Google ranking
- Includes information on the 2 key areas of interest
- Regular statistical updates are kept to feed back to the client
- HTML
- CSS
- PHP
- Fireworks
- SEO
Portfolio
AMTI
Site Completed: June 2008
One of our biggest clients required a site for their multi-axis range of load cells. A US version of the site already existed however the brief indicated that this site need not follow the layout of that.
The colour of the site was decided upon from the logo and due to the number of products featured, multi level navigation was implemented to save space and help users quickly find their intended destination.
The site is currently HTML based content, however a future enchancement is to make this CMS/database drive for the client to update.
- JavaScript powered multi-level product navigation
- Product gallery showcases the entire range available
- A detailed Product Enquiry form allows users to submit bespoke designs and requirements
- HTML
- CSS
- JavaScript
- Fireworks
- PHP
- SEO
Portfolio
Recruiting Plus
Site Completed: March 2008
The brief for this project was a brand new design for a newly formed recruitment agency. The site needed to be clean looking as well as appearing modern and shiny. The decision was taken to use a lighter blue against a white/grey background.
Also high on the brief was the requirement for the client to be able to update any new vacancies on the website. Subsequently a custom built CMS was designed to meet this purpose.
Since the launch of the site the client has come back to us on many occasions with positive feedback.
- Use of hi-res 'focus' images on the pages give a welcoming feel
- Custom built CMS enables the client to update the current vacancies
- Client testimonials included to promote reliability
- HTML
- CSS
- Fireworks
- Flash
- PHP
- MySQL
- SEO
