Web Design & Development Projects

Design system implementation for suite of Humanitarian websites

View demo

Drupal base theme and sub theme with single directory components, focusing on accessibility and performance. Implementation on Drupal sites and other stacks, customizes to suit. Providing visual and UI consistency across a range of websites. Improved incrementally, maintained and tested to ensure quality.

Drupal site builds for UNOCHA

View website

Drupal 9 and 10 site builds, and upgrades. Theming based on graphic designs or previous version implementation updates. Project planning, management, documentation and training, testing, deployment, code reviews, maintenance, and ongoing feature developement.

Accessibility and performance testing and remediation

Site build and theme for UNOCHA World Humanitarian Day 2022

PhaserJs Game Design and Development

View demo

Interactions using PhaserJS, as cut-scene/mini-game.

JiGS Interactive Game System

The Drupal MMORPG and Trading Game engine

View game

The Eclectic Meme Conspiracy Online (EMC Online) is an online, persistent, 2d, tiled, RPG, multiplayer, virtual world set in a post-apocalyptic/cyberpunk world some 50 to 100 years after a civilisation-ending war between humans, superheroes, and AI.

JiGS is an integrated gaming system (client and server) built for and in tandem with EMC Online. View Design Document

More on our blog

Eclectic Meme style guide using Fractal styleguide

Component library and styleguide for game elements in the Eclectic Meme Conspiracy.

Frontend for Drupal Open Social distribution, living style guide, white-label implementations, maintenance and development.

Eclectic Meme style guide using Fractal styleguide

Component library and styleguide for game elements in the Eclectic Meme Conspiracy.

Eclectic Meme style guide using Fractal styleguide

Component library and styleguide for game elements in the Eclectic Meme Conspiracy.

Eclectic Meme style guide using Fractal styleguide

Component library and styleguide for game elements in the Eclectic Meme Conspiracy.

Umami Headless Drupal with Contenta CMS, EmberJs

The task was to create the Umami Drupal OOTB designs using ContentaCMS as the data enpoint, in whatever consumer "flavour" takes your fancy. We chose EmberJs.

Web design ideas for Frontend United 2018

View demo

Web design ideas delivered in HTML/CSS for implementation in Drupal 8 by other volunteers for Frontend United 2018 in Utrecht.

Design process

Lo-fi wireframes, navigation design, component style tile, high fidelity graphic page design, and Drupal 7 theme

View live site

Design-in-the-browser

Patternlab integration, Drupal 8 implementation for website redesign

Living Styleguide

KSSnode styleguide and Drupal 8 OpenSocial integration

More on OpenSocial blog

Design concepts

High fidelity graphic mock ups for Hospital website tender, intended to be built in Drupal 7. Desktop and mobile homepage, and wayfinder app concept