Brief:

This was an experiment we created a while ago, after Duo’s ever sharp eye caught a rise in the usage of the ‘parallax‘ effect in websites to give an appearance of depth. This effect can be emulated by moving layers of objects at varied speeds, and when controlled by the natural scrolling of a web-page, creates an effective aesthetic for promoting whatever you wish.

parallax website

Solution:

Duo created the visual in Adobe Illustrator and forwarded on the file with explanations of how they’d like each slide to behave when scrolled. I used fairly standard front-end techniques to manipulate their de-constructed imagery into something which helps emphasise how well some things work together. Take a look and scroll down slowly: http://cdn1.co.uk/parallax/

Note: Due to this being a bit of fun, we didn’t create a mobile version, and it’s designed to work on landscape only orientations.

parallax website

Project Highlight:

Creating something cool just for fun.
http://cdn1.co.uk/parallax/

parallax3

Brief

Create a site that surpassed all other competitor sites in terms of both aesthetics and functionality. The site would need to help establish the business, convey a professional image, and help with business functions as much as possible to bring real business value.

Solution

Without full control of the design it was hard to surpass the competition aesthetically. However, the site was still well received due to the large feature-set we managed to implement, some of the more prominent ones include:
- Integration with the Administrate platform
- Custom course listing sliders and booking forms
- Custom course search engine
- A completely bespoke ‘Trainee Management System’ with sortable, modifiable tables, editable by uploading CSV files, downloadable records and more.

Project Highlight

Greatly reducing the workload for both i2-Training staff and their customers when it comes to tracking trainees and allowing them to book courses.

Brief

After having a web-store for 3 years and selling nothing on-line, Defibrillator Warehouse approached me for some consultation. After explaining the issues with their current solution, I was tasked with designing, building, and marketing a new site.

defib1

Solution

A Magento e-commerce store for great usability and good SEO, an instant chat facility to increase customer feedback and communication, Google AdWords PPC/PLA campaigns and email marketing to promote the new store. All leading to 3,598 new visitors and over £20,000 in sales within 60 days.

defib1

Project Highlight

Helping drive revenue from £0 to £10,000/month.

defib1

Brief

I was asked what the options were for developing a website similar to Monster.com or Reed.co.uk for a new recruitment consultant company. The site needed to be easily editable, enable the owners to list vacancies and receive CV’s, as well as allowing users to search the job database and apply on-line.

eden1

Solution

I created 3 proposals of varying specifications for Eden Lea to choose from, and created wire-frames for the designers to use enabling us to deliver the project efficiently, giving Eden Lea a feature packed site for a lot less than they expected.

eden2

Project Highlight

Providing a system which really helps Eden Lea’s core business.

eden3

Brief

I was commissioned by a local IT company to design and develop a cross-platform app for their clients Exceed UK. Exceed train Hewlett Packard’s American and European sales-teams, and the app needed to help them achieve greater efficiencies.

exceed1

Solution

The app went through several revisions, allowing Exceed UK and Hewlett Packard to tailor it to their needs. The final product had several major functions: Trackable video training section, a meeting planner, an updateable tips section, and cloud printing.

exceed2

Project Highlight

Enabling Exceed to regularly add content to the App themselves.

exceed

Brief

I was hired again by the visionary DUO to build a pixel-perfect version of their awesome design for a London-based social engagement agency.

sent1

Solution

The site utilises a lot of the latest web-standards, using poly-fills to make up for lack of support in older browsers, giving all visitors a great experience.

sent2

Project Highlight

Helping Sentient deliver their message in engaging ways.

sent3

Brief

A graphic design company asked me to help them deliver a website for Leeds Metropolitan University who are developing a new range of short courses and want an easy way to deliver them to the public.

fmap1

Solution

The site allows Leeds Met to list new courses as they are developed along with availability, tutor information, and links to the main on-line booking section.

fmap2

Project Highlight

Creating an easy-to-use editable site for tutors to post courses on.

fmap3

Brief

Crest Medical wanted to promote their new catalogue in as many ways as possible, and give the off-site agents an easy way to get product information for customers when on the road.

app1

Solution

By using the existing website’s catalogue, and Magento’s in-build REST application programming interface, I was able to create both an Android and iPhone app in just several days. The app is a rapid way of navigating through the products whilst not at a computer.

app2

Project Highlight

Utilising existing services to reduce time and cost for the client.

app3

Brief

After using me for their core business site, Crest wanted to re-vamp their logistics division, with a fresh modern website and some modern media elements. Its primary focus was to attract new clients so it needed to rank well for ‘third party logistics’, a very competitive term.

log1

Solution

I delivered a responsive, metro-style website, animated introduction video, two service explanation videos, and an order-tracking section to allow customers to track UK Mail parcels through the website. The SEO & PPC campaigns attracted several new clients, and consistantly ranked in the top 3 Gooogle results during the campaign.

log2

Project Highlight

Delivering the whole range of services on-time and under-budget.

log3

Brief

I was asked by a graphic design agency to help them develop a cutting-edge one-page scrolling website for a subsidiary of Oilon the worlds largest oil burner company. The site needed to inform concisely on the product the customer is looking for, and rank as highly as possible as quickly as possible for the new brand term ‘Oilon UK’.

oilon1

Solution

Working closely with the designers, we developed a site which contains a vast amount of information contained in only several short sections, using tabular displays and pop-up boxes to display more detailed information only when relevant. A lot of effort was put into optimising the site’s content so that it could rank well on Google for its brand term with minimal extra search engine optimisation (SEO).

oilon2

Project Highlight

Helping the worlds largest burner company enter the UK market.

oiolon3

Brief

Crest Medical needed a comprehensive on-line retail solution for their members only trade website, and were considering Magento Enterprise which costs $16,000 per year for licensing and support. Before taking the plunge they contacted me for some consultation.

crest1

Solution

After explaining the pros and cons of Magento Enterprise vs the free Magento Community edition, Crest decided to use me to deliver their new solution and provide the on-going hosting and support services. The new site reduced bounce-rates, increased returning customers, and ranks higher in search results. By utilising a custom server set-up, and core-code modifications, we achieved all the tech benefits of the Enterprise version.

crest1

Project Highlight

Giving Crest their world-class super-fast store for much less.

crest1

Brief

I worked together with ‘Designed by Duo‘ to deliver their vision for a fresh & funky one-page scrolling site to advertise a new data capture company’s services, in a concise manner, with a low budget and very tight schedule.

cap1

Solution

Some hard-core coding produces some beautiful random data generation displayed as colourful hexagons on the landing page, the user can hover over these to organise them into a meaningful pattern, which is a metaphor for Captus’ service. The landing-page then clicks through to a vibrant main site.

cap2

Project Highlight

Achieving < 10% bounce-rate due to such an engaging landing page.

cap3

Brief

A design agency in Leeds asked me to help deliver their design for a restaurant which was re-branding and re-launching itself. The owners were keen to get on the social media wagon and wanted their facebook and twitter feeds updating on the site, as well as a blog which they could use to post news and offers.

l171

Solution

We chose to build the design onto the WordPress content-management-system, giving Leeds Seventeen the easiest way to update and add new content. Customers can also view and download menus on-line, which the owners can update whenever they want.

l172

Project Highlight

Reflecting Leeds 17’s great re-brand online.

l173

Brief

A graphic design agency hired me to build this gorgeous brochure website they had designed for a London based high-end refurbishment company, to help them showcase their work.

valde1

Solution

A clean, sharp site which uses quality photography and some slick scrolling galleries to emphasise the high-end nature of Valde’s refurbishments.

valde2

Project Highlight

A simple brochure site that’s already helped VC gain new clients.

valde3

Brief

MBI were struggling to advertise and recruit high quality staff fast enough for their new day centre. They wanted the on-line solution to kill two birds with one stone, but were concerned about on-going costs.

Content Managed Website

Solution

A modern responsive website which helps advertise new services and delivers a professional image. The site also allows job-seekers to go through the recruitment process on-line, saving a lot of time and reducing paper-work. The content-management-system (CMS) allows them to update the website, removing future admin costs.

mbi3

Project Highlight

MBI receiving dozens of applications via the site within days of launch.

mbi2