ISD Campaign Toolkit
Website Design
Front-end development.


The Institute for Strategic Dialogue (ISD) are a client of Fat Beehive. The Camapign Toolkit is an interactive educational resource to support activists and organisations with creating effective and impactful online campaigns that promote community cohesion, inclusion and tolerance.

My Brief

My brief from Fat Beehive was to build and design the front-end of the website for the agencies back-end developers to then install their chosen CMS. The design is based on the new branding designed by the client and Fat Beehive.

ISD's Campaign Toolkit

What I did

Fat Beehive was tasked with building the new Campaign Toolkit website designed to help activists create their campaigns to help raise awareness. I worked with the agency as part of a remote team to put together the new front-end code (HTML and CSS) for the new design which was later implemented into the Drupal CMS.

Throughout this project I was tasked with making creative decisions to implement new branding and illustration elements. The homepage is quite complex with it's overlapping illustrations and curve patterns which caused a few challenges when dealing with responsive layouts - especially with smaller mobile devices. I broke these up into several layers and positioned them as separate background images along the site's breakpoints.

The resulting homepage is soft and approachable for the users. The toolkit is easy to use and offers the user all the information they need to create successful campaigns.

It's work like this that has the potential to change the world for the better. One I am very proud of playing my part.

ISD's Campaign Toolkit

ISD's Campaign Toolkit