We Are Tearfund

, , ,
We Are Tearfund

The Client

Tearfund are an large, international NGO who provide aid, relief and development around the world in areas of poverty and disaster.  Their youth and emerging generation team are a long-standing client of mine and I’ve worked on several iterations of this magazine project.

It was great to have them come back to totally rework the site as they changed their focus and team.

The Project

Previously known as Rhythms and Tearfund Lifestyle, the team were refocussing the project on the content, and wanted to re-work the site with a new design and modified functionality.

I worked alongside both external and in-house designers to evolve and implement the design. I advised on web- and mobile-friendliness of the designs, animation, user experience and interaction, browser compatibility and performance.

We Are Tearfund Mobile Homepage Partial

Mobile-friendly homepage

As a follow-up piece of work I helped prototype and implement a Facebook Messenger quiz-bot that sent people to dynamically-generated, personalised, sharable result pages.

We Are Tearfund Personalised Group Page

Personalised quiz-result page

The Result

The site seems like a fairly standard magazine site, but there’s quite a lot of high-tech stuff going on, especially with the design.

The “slants” that are a core feature of the design were especially tricky. Mobile-friendly slants with flat colours aren’t too hard, but add background-images, full-width and partial-width slants, animated transitions, and fancy blend modes and it gets very complicated.

We Are Tearfund Desktop Magazine Partial

Nested slanted blocks on the magazine page

So while the back-end is quite simple, the front end uses a whole load of modern HTML and CSS technologies such as:

  • transitions
  • blend modes
  • SVG
  • clip-paths
  • viewport units

There’s expanding forms, embedded videos, personalised content, events pages, custom page-view tracking, popular articles, related articles, a personalised “read next” section and other features designed to make content relevant and keep people interested and enagaged.

The content team are putting out some brilliant articles and it was great to be able to work with them to create a framework for showcasing their work.

Submit a Comment

Your email address will not be published. Required fields are marked *

For security, use of Google's reCAPTCHA service is required which is subject to the Google Privacy Policy and Terms of Use.

I agree to these terms.