My Work

Created August 2nd, 2011 by Anthony

I’ve been Senior Designer at interconnect/it since 2013. During that time I’ve worked on some really great projects, mostly focussed on online publishing for magazines. Prior to that, I worked for 9 and a half years in local government, plugging away at trying to deliver great digital services to the people of Chester.

Here are some of the projects I have been involved in.

Spectator

I was heavily involved with the Spectator from 2014-2017.

It started with evolving their online presence into a responsive world. Eventually delivering a full-scale redesign and rebuild of the entire site and then adding continual improvements over the years, including new headers, navigation system and hub pages.

Working closely with the Spectator team I was the sole web designer involved in the project. You can read more about the design process on the redesign interconnect/it site.

I was also heavily involved in the front end implementation of the site, creating most of the original HTML and CSS on a WordPress build.

During the time I was involved the Spectator saw traffic and revenue grow massively, breaking records year-on-year.

Spectator Health

One of the Spectator’s supplementary sites. Health was an interesting project as it was a very quick, short notice design and build that became very important.

The work on this site laid the foundations for developing a flexible and robust design system that we could adapt and extend to use on various other projects.

It became the starting block for the complete overhaul of the Spectator’s house of sites – and beyond.

Again I was the sole designer involved and was largely responsible for the HTML and CSS delivery.

Apollo Magazine

Apollo is a sister publication of the Spectator, focussing on the high-end art world.

Working closely with the Apollo team I was the sole web designer involved in the project. You can read more about the design process on the redesign interconnect/it site.

This was the site where the design system was finessed and made more complete.

I was heavily involved in the front end implementation of the site, creating most of the original HTML and CSS.

Spectator Life

Life is another of The Spectator’s spin-off supplements.

Working closely with the Spectator team I was the sole web designer involved in the project. It showcases the flexibility of the design system that we implemented on many of the other Spectator sites.

Again I was heavily involved in the front end implementation of the site, creating most of the original HTML and CSS.

Other sites

Worktech Academy

There’s nothing like the pressure of having to design a site for a Chair of Design for the Royal College of Art – but that’s what the Worktech Academy project called for.

The design process included extending the existing Worktech brand and creating a look and feel for the new Academy venture.

I was the sole designer involved and was heavily involved in the front-end build.

You can read more about the Worktech Academy project on the interconnect/it site.

Project Babb for the Daily Telegraph

The Telegraph came to us at interconnect/it when they wanted to do some experimenting with faster paced, less formal web publishing to cover the 2014 World Cup.

With my colleague, Rob, we worked closely with the Telegraph team to deliver helping to mobile focussed design and build that made this possible. The experiment was highly successful and went a long way to help inform the Telegraph with their CMS upgrades in the future.

If you are wondering about the name it’s taken from Phil Babb building his whole career off the back of having one good World Cup for Ireland in 1994. It was supposed to be a project name … but nothing better ever came along.

You can read more about Project Babb on the interconnect/it site.

Other bits and bobs

This bit is really out of date, but has some interesting I stuff back before children and responsibilites and things.

Pixelegends

A series of posters that I am designing and selling.

Vlad

I am recreating iconic moments in football history in a big pixel style reminiscent of a certain retro football game. You can find out more about the story in the Pixelegends blog post, and of course, you can go and peruse the selection and buy a lovely thick, quality print yourself.

Hexaclock

You can read more about this experiment in it’s own blog post, but briefly it’s a HTML5, CSS3, JavaScript, responsive and generally iOS friendly version of this nice flash colour clock.

A screenshot of the HexaClock running on my iPhone 3G

The time is converted to a hexadecimal colour value as the seconds pass, giving each second its own hue. I did everything for the project except the JavaScript.

See the HexaClock in action.

Fixture experiment 2010/2011

This was started off from a Twitter based conversation in my timeline. It sparked an interest in getting an idea done. Again you can read about the project in more detail on it’s own blog post but, basically, it is an HTML and CSS version of a nice print poster of last seasons Liverpool fixtures.

I used it as an excuse to experiment with HTML5, webfonts, CSS transitions and some other stuff. I enjoyed it.

Although as I’m writing this I’ve noticed something has obviously changed since I finished with the Webkit rendering engines that has aliased all of the angled lines. I’ll have to look at that.

See the 2009/2010 Liverpool fixtures. (I enjoyed it so much I even did an Everton version on request. That’s dedication).

Fixture experiment 2011/2012

This isn’t actually finished yet, but it’s still worth mentioning.

With a new season came a new release of fixtures to play with.This time what I wanted to experiment with responsive design and taking a mobile first approach to the problem. Also having seen Yaili’s talk ‘The Mechanical Revolution’ at DIBI about embracing frameworks and the like I wanted to try and build it on the framework/boilerplate that Andy Clarke had produced for this sort of thing.

I still can’t shake the feeling that frameworks feel like cheating.

As inspiration I based the general idea on retro Shoot! Magazine League Ladders.

Liverpool Fixtures 2011-12

It uses the 320 Up framework to make all the responsive stuff happen, this supports the HTML5 code, CCS3 bits and bobs and a sprinkling of 80s nostalgia. I say sprinkling, I mean a big fat dollop.

As a disclaimer this is currently a work in progress. It’s all full of -webkit proprietary stuff, and I haven’t looked at cross browsering yet. Having said that it does work well on all web kit browsers, including iOS. I also want to make more of the overall look, it’s just finding the time to give it that polish.

Have a look at the 2011/12 fixture experiment.

Liverpool 1872

I’m including this to remind myself to finish it. I found this fascinating historic 1872 map of Liverpool in an online historical publication archive. It predated the Liver buildings by nearly 30 years. It’s amazing how much has changed – yet stayed the same. The basic structure of Liverpool remains practically the same.

Looking at the map I began to wonder just how accurate a 130+ year old map could be. So I started trying to overlay over some images ripped from Google maps in Fireworks. With some jiggering about I found it could possibly line up very well.

Then I had the thought of making my own specific layer to actually overlay with the GMaps API. I researched how to make that possible – which was easier than I imagined – then set about producing an early prototype map.

Liverpool 1872

You can see that map in action – it’s amazing how well that century old hand drawn map lines up with the satellite images.

What I need to do now is add all sort of controls… and then maybe start adding points of interest and historical information on their. Liverpool had a zoo back then you know.

Posted on August 2nd, 2011