Portfolio

Here is a list of the projects I've been working on recently. If you need to see more examples, just let me know.

Service Now Brief
A Drupal multisite set-up was already in place for Golf Professionals across the country, (that's several sites using the same Drupal core files, but with their own themes and databases). We needed a system that could stand-alone or be added to the Drupal systems, where Pro's could sign student up, get them to add their scores, and get analysis on the fly whilst providing the pro with comparison information.

GolfPAR was the result, and uses additional tables in the Drupal database to store the information. Custom PHP scripts are used to both process the information going into the database, and displaying it where needed, including sending to a Flash file that incorporated the statistics into an animation. A powerful PHP object was created to generate the statistics, keeping the calculations accurate wherever they're needed. It also allows for a variety of filters, allowing a report to be generated on a specific set of options. A HTML to PDF script is also used to generate a PDF version of the report for the students or pro to analyse. Videos can be added and shown to all, or user specific. A 'trophy' system is also self generated depending on a players score compared to a changable set of benchmarks. Popular jQuery features were added like the 'Tabbed' pages, and 'Accordian' results feature.

Technical
Drupal CMS, PHP, MySQL and jQuery were used for display and functionality.

Concept & Artwork Design - Clere Golf

Service Now

Service Now Brief
To create a system that allowed a user to follow a set of flow diagrams. The diagrams were large so needed a way of zooming in and out, plus they needed to have clickable areas that would either take you to the next diagram, or open an information box. An admin area was also needed so the internal team could edit the text in the information boxes.

Technical
Pure PHP, MySQL and jQuery were used for display, zoom and edit functions. The page details, clickable area co-ordinates and information text is all stored in a database. The whole package can be re-branded for different clients or mounted on a CD for an 'off-line' version.

Concept & Artwork Design - CoffeeHouse Digital

Richard Summersby Photography

Service Now Brief
Replace the existing site with a simple framework of 'gallery pages'. Each gallery needed to be database driven and easily editable. The admin area has an easy to use image uploader that takes care of size and spacing. Images can be activated and de-activated, so there's no need to delete seasonal images which can be used leter in the year. It also means that the home page images can be changed in just a few minutes, changing the feel and keeping things fresh.

There was also a need for a Client page with login allowing an existing customer to see their photos online. This needed a different type of gallery and upload system as between 150 and 200 images needed to be uploaded per photo shoot. On top of that, a basic ordering system was needed allowing the purchase of photos in different sizes.

Technical
Pure PHP, MySQL and jQuery were used for display and functionality. 2 jQuery Galleries and Ajax for the ordering process.

The Disabled Holidayer

The Disabled Holidayer Brief
To create an easy-to-use website aimed at the disabled holidaymaker. The core element is the ability for people to submit a review of their holiday experience to share with others, so over time, the site becomes a wealth of reviews and recommendations from like minded people.... The reviews are to include images and a Google map reference pin pointing the location of the holiday.

Technical
Basic CMS framework created in Drupal, with a custom addition for the review section. A custom addition uses PHP and MySQL for the login / register section as well as the 'review' / 'add images' / 'add map' pages. PHP image 're-sizer' downsizes images to two small versions, one the thumbnail, the other opens in a 'lightbox' gallery when the thumbnail is clicked.

Concept & Artwork Design - Clere Design & Print Ltd.

RPS

RPS RPS is an international consultancy providing advice upon several areas including the development of land, property and infrastructure, the exploration and production of energy and other natural resources, the management of the environment and the health and safety of people.

With trade in the UK, Ireland, the Netherlands, the United States, Canada, Australia and South East Asia their web site needed the ability to grow with the different sections and areas. The Kentico CMS system was used for the management of the content, with a large amount of individual templates created to allow greater flexibility. From database driven news functions to Google maps for each office, the site uses a full mix of modern technologies.

Concept & Artwork Design - Clere Design & Print Ltd.

Environmental Building Services

The team at Environmental Building Services needed a new look to their web site and company profile. This started with a brochure, and then their website had to follow the same design style. Small and simple, yet beautifully formed.

The 'Light bulb Tree' was designed using Flash, and demonstrates the way Flash can be used to enhance a page with subtlety as the bulbs flicker on and off. The main navigation is built in JavaScript and rolls down as you move your mouse over the headings, then out to the side if a sub menu exists. The graphical content of both the header and footer span the width of the page, so even those with large monitors can appreciate it.

Concept & Artwork Design - Clere Design & Print Ltd.

Golf Product Catalogue

Golf Product Catalogue Brief
A large buying group for Golf Professionals needed a catalogue system for around 76 suppliers, each with between 1 to 6 sub divisions, in 3 currencies, so that's around 330 tables in total. Clients were to log in, setting their region, and allowing them to only see the tables in their currency. The admin side had to be easy to use, and most importantly, they wanted to be able to upload whole tables at once, hence why the 330 table haven't been combined. As this is currently a basic build to show functionality, I haven't spent much time on the styling.

Technical
Written from scratch, the main page (pricelist.php) takes vales (like 'manufacturer') in the URL, and loads the page contents from the table in the database, creates a sub navigation on the fly from that info, and also adds the search and a jQuery Ajax quick search too. TinyMCE WYSIWYG is used for editing content, which all unfolds in a lightbox for easy presentation. There are only a few pages to the site, keeping maintenance and system optimisation to a minimum.

Ambitron Components

Ambitron Components needed a new website to help promote their products and services. A simple CMS system was created that allows the main content text and tables to be updated without the complicated navigation often found in CMS systems.

The main pages of the site are split into a couple of areas. The first area introduces their staff as the majority of their business is still done over the telephone, with engineers all over the country needing immediate response. The second area is product based with several tables of products in a variety of sections, plus a dedicated page to 'new' products.

Concept & Artwork Design - Clere Design & Print Ltd.

www.ianmowbraygolf.com

Ian Mowbray Golf Brief
Create a template based CMS golf site, using Drupal to incorporate a range of pre-set features that can be switched on and off depending on the package purchased. Four packages are to be made available, from the simple yet powerful 'Bronze' package, to the e-commerce giant of the 'Platinum' version. Newsletter generation and tracking, RSS feeds, Golf News, Top Tips, Random Testimonials, Course Weather, Calendar of Events, and more...

Technical
Module based Drupal site, creates and sends newsletters to subscribers, pulls RSS feed from BBC Sport Golf, Shows the most recent 'Top Tips' from the database, can add YouTube video to pages, calendar of events, RSVP sends e-mail invites for the events, etc... Most of the elements are modified Drupal modules with a few custom made additions.

Concept & Artwork Design - Clere Golf

Clere Search Result Generator

Clere Search Result Generator Brief
I wanted a way of checking our Google page / position ranking, preferably via a list of search term stored in a database. The results should also be stored in a database for analysis. This project was initially done 'for fun' as a 'between projects' experiment... Basically, it runs a Google search and checks to see if your domain name was on the first page. If not, then it tries the second page, etc. When the domain was found on a page, the script then counts which position the domain was found in....

Technical
PHP, MySQL.

Clere E-mailer

Clere E-mailer Brief
We often make HTML e-mailers for clients who send them out using programs like Microsoft Word, so I wanted a system where we could send the e-mailer to the client's customers, and track if it has been viewed or the links clicked on. This project started like as another 'between projects' experiment, but has turned into a multi client, multi e-mailer system that allows you to switch between e-mailers, send full or test versions, reset individual totals, add, remove, view general stats or detailed stats... You can easily see who has viewed, and who has clicked, and what they clicked. The largest e-mail drop so far was just over 30,000....

Technical
PHP, MySQL, a good understanding of how e-mails and spam filters work, plus a lot of testing....

www.lesleyrichardson.co.uk

Lesley Richardson is a local therapist based in Petersfield, specializing in Reflexology, Swedish Massage and Indian Head Massage. The web site is based on the 'Brochure' style layout taking the style and colour schemes from her business cards and brochure.

The navigation is neatly laid over the image on the left side of the page and a different icon appears as you 'hover' your mouse over each link. The site has been organised into sections with each page representing the type of information a potential client is likely to ask... For example, ' What About The Therapist?', 'Where Am I?' and 'Charges & Discounts'.

The site makes good use of the 'Newsletter' feature with an e-mail subscribe / unsubscribe box just below the navigation. This allows regular newsletters to be sent to previous clients offering discounts, special offers, etc.