Portfolio

In late 2015, my good friend Joannes asked me to redesign the blog I had originally created for him back in 2009. We migrated all the site content from WordPress to Drupal. The new site is based on a mobile-friendly responsive foundation, like all of my current projects, and attention was paid to the display and loading of images on phones and tablets.

I implemented aspects of Google’s Material Design visual language, the paper sheet aspect of which worked perfectly with the satirical videogame scripts he and his contributors post to the site. We worked on a photocopy grunge effect to apply to the script sheets, complete with holes punched out of the left edge.

The administration interface is significantly improved, with custom extensions to TinyMCE (a rich text editor), which allows the authors to paste and edit scripts via a graphical interface. MoxieManager is used as a file and image manager, for simple uploading and linking. As a result, the interface is very easy to use for non-technical authors.

I was tasked with rebuilding the East End Community Health Centre’s legacy website comprised of static HTML pages into a modern, responsive Drupal site in early 2015. The logo and colour scheme were carried over, while the site was completely redesigned as a minimal interface for clients to find the information they need. The existing content was migrated to Drupal, and a user-friendly editing system was made available so that non-tech oriented workers at the centre could update the site pages, the news section, and upload various files (such as PDFs) through a visual file manager.

I designed and developed this website on a volunteer basis for the group facilitators between January to March 2012. I migrated their resources section from their old static site onto a new content-driven site powered by Drupal. They now have a fully functional blog that can be easily updated with little-to-no technical knowledge via a user-friendly interface. The site now has a dynamic calendar system which displays the upcoming group meetings and other events, all easily updated by the clients. With the change to a more regularly updated site, I added links to an RSS newsfeed, email updates, and their Facebook page in the sidebar.

My friend Joannes asked me to slightly reword the logos of several games that that he wrote hilarious and biting satirical scripts for. These involved a fairly in-depth understanding of Adobe Photoshop and made heavy use of the rubber stamp tool to remove the existing letters, and a lot of compositing with layers so that the new letters looked like they had been there all along. The scripts for each game can be found here:

• Battlefield 3
• BioShock Infinite
• Dishonored
• Mass Effect 3
• Syndicate

In the early 2000s, I was involved in the Half-Life modding scene. The Playstation 2 port of the game had been released, and a bunch of us had discovered how to extract the more detailed character models that had shipped with that version of the game, in contrast to the really blocky and far less detailed ones in the 1998 PC version. Using this data, we mixed together the high polygon meshes of the Playstation 2 version with the higher resolution texture capacity of PCs at the time. Because the game had been designed with modding in mind, dropping our assets into the game was relatively easy from a technical point of view; the actual work of creating the assets was the real challenge.

This was the website of a game development group that I used to be active in. It was mostly written from scratch in PHP, without a content management system. The news content was pulled from the forum software, while the rest was stored in the database. I recreated the in-game interface from the old game we were trying to revive down to a various small details, such as menu item glow/fade effects and an animated site title that replicated the glitchy holographic flashes of the original frame by frame.