Skip to main content

Responsive design

<p>Making sure that your website will display correctly and elegantly across all sorts of devices is absolutely crucial. So responsive design is standard on our web projects, we generally go for a "mobile first" approach, starting off with a minimal arrangement of content for small screens and lower bandwidth devices, and elaborating the layouts, colour schemes, fonts and imagery for progressively larger sizes, ensuring compatibility across browsers amd operating systems.</p>

Legal Response International

Submitted by ed on
Body
Rebuild and Revamp of LRI's trusty WordPress website,
  • We supported LRI to rethink their web presence, focusing the user journey on LRI's priorities and objectives
  • We supported LRI to revise their resources library classification scheme, imported and restructured their extensive library and devised a new custom filtered search tool to optimise findability and accessibility.
  • Carried out a full design refresh and website rebrand, working with Karen to create a new theme that promotes LRI's activities
  • Integration with LRI's other online activities - mailing list signup and plays nicely with the app
Delivered on budget just in time for the COP25 
Image

DDAWatch

Submitted by ed on
Body

We love it when we are approached with a clear concept for an online tool that will have a real life impact.

ActNow asked us to create a website where people in Papua New Guinea can rate their District Development Authority and get access to key documents in order to promote transparency and accountability in PNG.

The website had to be accessible on mobile phones over low bandwidth, and to provide simple intuitive interfaces combined with security measures to prevent abuse of the ratings system and attacks on the website.

We built the ratings system in Drupal to ActNow's detailed specification and used Drupal core and contributed modules to add commenting and image uploads for users, a news feed and custom landing pages.

We worked with Karen from Wave on visual design, Marek and Liz from GreenNet worked on the Drupal customisation and themeing

 

Image
Testimonials
Thumbnail

Stateless Journeys

Submitted by admin on
Body

We worked with Sarah Macbeth to design and build a custom themed WordPress for the European Network on Statelessness.The website features video stories and clear calls to action for supporters.

ENS gave us a detailed brief which and we worked closely with them and with Sarah's cutom designs to deliver the project on budget and on time for their campaign launch.

Image
Thumbnail

Institute of Employment Rights

Submitted by ed on
Body

We were thrilled to win the commission to rebuild our existing customer's website, an update to IER's trusty Drupal 6.

Working with IER staff and Wave.coop we planned a restructure of their website architecture and selected WordPress CMS. Karen at Wave created a wonderful custom visual design and updated IER's branding. Liz at GreenNet painstakingly migrated the entire IER content archive including membership and news archives from Drupal to WP, and consulting closely with IER, we re-built the library, shop and subscriptions systems .

The new website is the heart of IER's operations, handling membership and sales of publications as well as feeding their essential email broadcasts.

 

Image
Thumbnail

UNESCO SDG4Education2030

Submitted by ed on
Body

UNESCO asked us to help them put together a neat and tidy website to publish updates on the Strategic Development Goal 4 - Education.

We focussed on making the site quick and intuitive to edit and update. We worked with them to build the site from the ground up on a brand new Drupal 8, adding features and functions as new requirements arose.

Sarah Macbeth provided a stunning visual design with custom tiles, Marek used Drupal taxonomies and plumbed in a nifty front page revealer to make the navigation simple and adaptive for all types of screen. We got to work with some of UNESCO’s amazing photo library images.

The website was presented at 4th SDG-Education 2030 Steering Committee meeting, 28 February 2018, UNESCO HQ, Paris to great acclaim

Image
SDG4E
Thumbnail
SDG4E

Right To Education Monitoring Guide

Submitted by Sophie on
Body

Following out work for ActionAid's Right to Education Initiative on their main website we worked with them to create a practical tool for civil society to select and apply RTE’s indicators.

The site combines a complex custom built online research tool with a visually engaging set of interactive guidance notes, on a responsive Drupal 7.

Image
RIGHT TO EDUCATION MONITORING GUIDE
Thumbnail

UK Food Group

Submitted by ed on
Body

We worked with UKFG to re-theme their site. We helped them to select a free theme, and applied customisations to create a unique look that fits UKFG's brand and compares favourably with their peers and competitors.

It's a lovely example of how WordPress's flexibility makes it possible to create custom designs combining UKFG's branding with (free Creative Commons licensed) images and graphic elements in a distinctive and user-friendly visual design.

By working on an existing theme, we were able to produce a site that is mobile responsive at a reasonable cost.

Thumbnail
UK Food Group

PBI Germany

Submitted by ed on
Body

We migrated the Germany Country Group of Peace Brigades International's website from it's old home on Typo3 CMS to a shiny new responsive Drupal 7.

We did a complete rethink of the design and templates and came up with a site that enables PBI to customise their homepage with their latest calls to action and automatically displays updated listings of news and activities

The new site reflects PBI's identity and demonstrates their impact by showcasing stories and images from their archives, and displays an interactive map to show PBI's global projects.

Thumbnail
pbideutschland

Conciliation Resources

Submitted by Sophie on
Body

CR provided us with a detailed set of requirements for a fully featured, fully up to date corporate website. They wanted their extensive set of online content in a variety of formats to be accessible across different-sized displays, to improve their already top-ranking SEO, and to seamlessly integrate their social media channels, all in an elegant and carefully branded visual style.

We guided their team through a process of updating the display of their many thousands of publications, documents, articles, films, images and other online materials, using our web-based project tracker tool and several rounds of visual mockups. The site also features an interactive map showing CR's involvement in peacemaking globally, which we customised to display without national borders, in line with CR's specific requirements.

Image
Conciliation Resources
Thumbnail