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.
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.
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.
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.
So while the back-end is quite simple, the front end uses a whole load of modern HTML and CSS technologies such as:
- blend modes
- 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.