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>

Progressio

Submitted by Sophie on
Body

We launched the new Progressio site for their 75th anniversary in Spring 2015, it's a custom coded responsive theme on Drupal 7.
We brought all Progressio's content over from their old Drupal 6 site, and wrapped it in an on-brand redesign, we worked closely with their fundraising and comms teams to refine the calls to action and user journeys, and to showcase their great photos, blogs and other content and integrate their social channels.

Image
Progressio
Thumbnail

INPUD

Submitted by Sophie on
Body

We picked up INPUD's Drupal 7 site in 2015 and gave it a bit of a tidy up. We rearranged the home page to enable more dynamic content and editable elements, and gave it a fully responsive design.

Project types
Thumbnail

Open Doors

Submitted by Sophie on
Body

The challenge of doing sexual health outreach work in East London has been transformed by police action in the run up to the Olympics. This was the unusual starting point for the Open Doors Sexual Health Clinic's request for a new website.

The Open Doors team of nurses has for years relied on its knowledge of East London brothels to provide critical sexual health advice, checkups and free condoms. Now that the police were closing them down in the run up to the 2012 Olympics, the nurses needed to find an alternative route to continuing to provide healthcare to sexworkers.

So our task was to build a website that could speak clearly to east London sexworkers with the sorts of advice that the nurses used to provide on visits. At the same time it also needed to fill the gap of getting women to come in for check-ups.

On the advice and information front, we used our well-versed processes to tease out a clear structure for all leaflet content produced by Open Doors. We comissioned illustrator Jackie Parsons to create custom artwork for the site. And on the check-ups front we integrated a simple online form into the fabric of every webpage, encouraging users to get in touch.

With the inclusion of a new Twitter feed on the side, the nurses now also have an additional way of updating the site and reaching followers via their mobiles. Finally Open Doors gold-plated the site by commissioning translations of all the content on all the pages into Portuguese, Romanian, Polish and Chinese.

Project types
Thumbnail

Friends House update

Submitted by ed on
Body

We launched the new Friends House site in Summer 2015 for the UK Quakers, adapting the successful design for their TheLightatEuston with Friends House branding on an upgraded CMS.

The spec was to rebuild their old drupal 6 site with a radically different look and feel using a mobile-first methodology to apply a fully responsive theme that's optimised to display on tablets and mobiles. Working closely with Friends House staff, we've developed the site by adding custom modules and functions so the site can utilise cutting edge SEO techniques and social media integration.

Project types
Thumbnail
Friends House

Equal Rights Trust

Submitted by ed on
Body

We built the new site for ERT in 2015, in a responsive themed Drupal 7.

Their priority was to improve the accessibility of their Virtual Library on Equality, by making it display elegantly and correctly regardless of the size of screen or type of device used by visitors, and adding a powerful suite of facetted and advanced searches. We worked closely with ERT to design and configure the library and to migrate the contents from their previous CMS and to reinvigorate ERT's online presence using maps and bold imagaery in a custom design based on their brand.

Thumbnail
Equal Rights Trust

NSWP responsive redesign & update

Submitted by ed on
Body

We upgraded NSWP's CMS to drupal 7, and created a custom responsive redesign that highlights the international campaign's imagery and branding and allows them to control customisable content areas. We provided training to NSWP staff to ensure that they had ownership of the content and could make best use of their network and stock of images...

Project types
Thumbnail

Electronic Immigration Network (EIN)

Submitted by ed on
Body

We built The Electronic Immigration Network (EIN) website in 2002 on our own CMS, ActionApps, and it has become an indispensable resource for anyone concerned with immigration law in the UK; legal practitioners, researchers, journalists, judges, academics and policy makers.

We've carried out several major updates to the site over the years, including rebuilding it in 2011 to take advantage of Drupal's powerful search functionality. The site now houses over 200,000 documents comprising several complex dynamically updated databases of legal material in areas such as legislation, case law reports, country reports and online legal resources.

The site uses membership management systems and secure access, and allows subscribers to avoid information overload by using an innovative bundle-maker which enables them to file documents or excerpts in personal online "bundles" as they browse the site.

This year we have implemented a responsive design, bringing the site design right up to date and making it compatible with the huge variety of devices and screen sizes used to browse the web these days.

Thumbnail
EIN Responsive design

AskSource.info responsive rebuild

Submitted by ed on
Body

We won the contract in 2013 to migrate Handicap International's online resource centre onto a new accessible platform. Asksource.info comprises a unique collection of information on disability and inclusion in development and humanitarian contexts aimed at practitioners and academics.

The collection contained over 8,000 items, including details of books, reports, websites, organisations, newsletters and pre-prepared key lists organised by topic area, and is the only such resource to reflect the experiences and priorities of practitioners in developing countries.

We rebuilt the site on Drupal 7 to a fully responsive design, and implemented sophisticated search options to improve access to the content. The new site integrates AskSource's newsletter, which provides subscribers with updates on new resources and allows users to log in and create their own listings.

We undertook a complex data migration which ultimately transferred over 13,000 records, ensuring that crucial meta information such as details of organisations, publishers are findable using search and keywords while retaining Source's scheme of key lists for topic areas.

Thumbnail

Right to Education Project

Submitted by ed on
Body

We began working with Right to Education team, based at Action Aid, in 2008. The original site was created as a home for the thinking of an educationalist called Tomascevski.

In 2013 The Right to Education team commissioned GreenNet to rebuild and redesign the site based on a simpler navigation with a single library to house all the resources. This new site is designed responsively and aims to feature new writings in the field and include success stories and guest blog posts.

Thumbnail

Participatory Methods

Submitted by sarah on
Body

Created for practitioners, development workers, activists and concerned individuals, this website provides comprehensive information and up-to-the minute thinking on all aspects of participatory methods in development, including.

  • Participatory approaches for programme design and management
  • Participatory research and communication
  • Participatory facilitation and learning
  • Methods and issues such as power, accountable aid and reflective practice
  • Over 5,000 related resources
  • Activities and events
  • Blogs and opportunities to add your thoughts
Image
Participatory Methods
Thumbnail