What I've been upto lately

Project list

  1. BBC Radio 1 DJ pages
  2. BBC Radio 1Xtra DJ pages
  3. Facebook Unlimited
  4. Quizmania.tv
  5. E. Tautz
  6. Monocle: 50 Things
  7. London 2012: Young Leaders
  8. Honda CR-Z Mode Art
  9. JCB Fastrac Xtra
  10. The Plastiki
  11. BBC Orchestras & Singers
  12. BBC Live in London
  13. Stephen Colover
  14. ESPN TV
  15. Create & Breathe
  16. thirty2thirty8
  17. Channel 4: Secret Millionaire
  18. Mirror's Edge
  19. Warp Records: Bibio
  20. Love to Go Out
  21. Collective Extranet
  22. Collective Intranet

Projects

Secret Millionaire home
Client
Channel 4
Agency
Collective London
Role
Lead developer
Skills
HTML, CSS, Wordpress

Channel 4: Secret Millionaire

June 2009

A site for the Channel 4 program The Secret Millionaire, a reality show in which millionaires go incognito into impoverished communities and agree to give away tens of thousand of pounds.

After watching the show, viewers are often left inspired to make a contribution of their own — the idea was then to drive them to the site immediately after broadcast and offer a number of ways to engage with the charitable causes featured.

Visitors could donate time or money, apply for lottery funding or nominate others. Previous episodes were also available to watch via 4oD on demand.

The website allowed users to browse the charities and using a custom-built Google Map, an interactive mechanism to navigate the site and direct them to the third-party sites through which they could offer donations.

At the request of the client, the site was built on the Wordpress platform with which content editors were already familiar. A bespoke theme was constructed in order to accurately convey the design and mask what is otherwise traditionally a blogging platform. Other Wordpress featuers were manipulated in order to fulfil the brief, for example the commenting system to facilitate voting and project nominations.

Note: Channel 4 has since redesigned the site in line with it's other shows.

Mirror's Edge home
Client
EA Games
Agency
Collective London
Role
Support Flash developer
Skills
Flash, HTML

Mirror's Edge

November 2008

Created in the lead-up to the EA Games' release as a point of contact for consumers, a source of news, information and community buzz, the Mirror's Edge hub was more than just a microsite.

The main brand site fulfilled all the traditional expectations, hosting game information, fan forums and media downloads, but was only part of a larger idea; namely the Mirror's Edge ARG — an alternate reality game.

Designed to rouse intrigue and excitement about the game, the site was joined with a number of microsites which extended the game's fictional narrative.

Creating an immersive digital world for the Mirror's Edge universe, the city was brought to life with a handful of “satellite” sites, whereby the fictitious police force, businesses, news stations and candidates for election had their own websites as if part the real world.

Each interacted or referred to the others, linked by the city's network. The site intended to offer an experience rather than a traditional product-based online promotion.

The site was localised for eighteen territories, constructed with the ability to easily and quickly add more.

It also tapped into live XBOX, PS3 and PC leaderboards, showing real-time scores and achievements accessed by an API provided by EA. Users could also create their own leaderboards and compete in small competitions with others or search and track the progress of friends.

Note: The leaderboard API is no longer serving data, only the main site is now live.

Warp Records: Bibio Warp Records: Bibio intro Warp Records: Bibio trees
Client
Warp Records
Agency
Freelance
Role
Lead Flash developer
Skills
Flash, PHP, MySQL

Warp Records: Bibio

August 2009

To coincide with Bibio's new album “Ambivalence Avenue”, Warp commissioned an interactive feature to sit at the head of his landing page on their main site.

The piece was a Flash-based microsite of sorts; visitors created a forest of fractal-geometric trees, contributing individual designs customised with colours, decorations and sound effects.

Each tree was unique, varying in size and shape, iconography and colour, each accompanied with the user's choice of music from the new album.

When named and saved, each produced an individual URL for sharing your creation however you choose to, with specific Facebook and Twitter integration too.

All the trees were collected in an interactive forest where users could explore all the creations whilst listening to the new record.

Note: The microsite is no longer live.

Love to Go Out Love to Go Out home
Client
Love to Go Out
Agency
Freelance
Role
Support server-side developer
Skills
DB schema, PHP, MySQL

Love to Go Out

August 2009

Love to Go Out is an online social network centred on going out to venues across the UK.

It provides people with a shared space to contribute their clubbing habits and experiences with friends old and new. It also acts as a directory more in-depth than any currently available, giving users the ultimate resource and variety when choosing where to go out.

The site is made up of huge number of profiles for clubs and bars up and down the country. Each of these venue profiles are made up news, events, reviews, location information and clubber recommendations. Likewise on the social-networking side, all users had public pages with the usual profile of information, photos and albums, a shoutbox and messaging system as well as the ability to tag content and attend events listed on venue pages.

This requires a fairly large database schema and server-side content-management system, all built from scratch to fit the bespoke specification.

As ever in handling sensitive data, there was a need for a secure and robust authentication system. Contribution also included an automated email notification system for use across the site and rich-HTML emails, compliant and tested with all major and popular email clients.

Note: The site has since updated to a new version.

Collective Extranet
Client
Collective London
Agency
Collective London
Role
Lead developer
Skills
Flex, PHP, MySQL

Collective Extranet

July 2009

This Flex-based 'extranet' is a place to upload, share and review work in progress files between the agency Collective and their clients.

Developed to handle a multitude of file types — various image formats, video files, multimedia and text-based documents — the site facilitates two-directional file sharing for the purpose of review. Work in progress could be viewed, discarded, commented on and downloaded.

Users have the ability to attach short notes and messages to files, or otherwise attatch them to emails.

The system includes a user management console, a place where admins can create and moderate users of elementary roles and privileges and organise them to single or multiple clients and projects.

Note: The site is only available to the agency and its clients.

Collective Intranet
Client
Collective London
Agency
Collective London
Role
Support developer
Skills
PHP, XHTML, CSS, Joomla!

Collective Intranet

September 2009

The Collective Intranet is a Jooma! based wiki and content aggregation network.

An internal resource, it is a place for employees to store and retrieve important documents, a destination for new comers to read orientation literature and a general repository for utilities — such as phone lists, health and safety regulations and floor plans.

The site was intended to avoid the need for lengthy administration of resources and users, its wiki-like architecture enabled users to maintain their own content areas and files by following guidelines set out early on.

The site was templated with a custom design, requiring PHP code and HTML mark-up written from scratch rather than only skinning with CSS. Using the Joomla! framework enabled quick updates and scalability, albeit remaining a relatively small site.

Note: The intranet is only available internally.