20th July 2018
IRIN News needed to redesign and develop their website so they can aggressively grow their international readership of humanitarian news. BLISS provided a powerful, modern Drupal-based solution that has already seen unique visitors grow by 50% and visitor time on site increase by 25%.
IRIN News are one of the world's leading providers of humanitarian news and analysis. This year, after 19 years as a project of the United Nations, they established themselves as an independent association, based in Geneva, Switzerland.
As part of this restructuring, IRIN News wanted to create a robust news publishing platform to encourage their growth. They approached BLISS with a single, clear goal:
"We need to multiply our readership by 10."
Their existing website boasted a loyal readership and many years of excellent content but the site was heavily outdated. It was slow, inflexible and difficult for both visitors and administrators to use. It also wasn’t optimised to display well on smaller screens—a serious problem when 35% of traffic is coming from mobile devices.
We built our approach based around the following key goals:
- Design a fully responsive user experience
- Allow content to be created and managed by a handful of administrators around the world
- Work in several different languages (including Arabic)
- Deliver content to millions of visitors using an endless array of devices and in different environments
- Retaining existing content and the strong organic search traffic that came with it
- Work within a firm and immovable budget
We knew from the start this project was a tall task, but we love a challenge. We were also attracted by the passion of IRIN's team, and we worked closely with each other to create a product that is undoubtedly our finest to date.
UNDERSTANDING IRIN BETTER
To redevelop IRIN's website and meet their bold goal we needed to understand their audience better. IRIN's on-going internal research provided us with user surveys and personas. By combining this information with key web metrics, competitive analysis, and stakeholder research, we formed the foundations that we based information architecture and design decisions upon.
Redesigning the information architecture of a site of this size is a complicated task. With our prior analysis and IRIN's organisational objectives in mind; BLISS redesigned the user journey, content categorisation and site map to improve the user's experience on the website.
Over the years, the previous information architecture had become bloated and ugly. We studied user patterns, thematic similarities, and article distribution, in order to dramatically simplify the site's taxonomic structures.
Nathan, Creative Director
Due to the nature of the site, a large part of the design process was spent on lo-fi mock-ups. Including sketches and many rounds of wireframing, the goal was to establish a clear content hierarchy and layout, before getting bogged down in the further complexities of typography, colour, interaction etc.
High Fidelity, low bandwidth.
When it came to the look & feel, consistency and simplicity were key. Long time users of IRIN needed to feel familiar with the site, and the reader's focus needed to be on the content. Site speed and performance were a major concern that affected both our visual and technical approach.
We used style tiles to help define the perfect marriage of colour and typography, before investing too heavily in designing full layouts. After this step, we brought together the elements of layout, photography and interaction, working in parallel on mobile and desktop variations, to visualise the end product.
The client and our technical team worked closely throughout the design process to ensure that our approach was aligned with functional and commercial considerations.
We proposed the use of Drupal, not only because we have extensive experience using it, but because it powers many other successful large-scale news websites, including The Independent and MSNBC. We were confident that it was robust enough to deal with IRIN's high traffic levels and handle multi-language content and editorial workflows, whilst having the flexibility to allow the website to continue to grow.
Moving a large amount of content from an antiquated website onto a modern CMS required a complex content migration process. We had to ensure that content styling was optimised for the new platform, so reports written in 2006 would look as great as those created a decade later, as well as dealing with multiple languages and maintaining the content's search engine ranking.
Following the migration of 83,307 pages and 38,061 images, we performed full migration audit to minimise the negative SEO impact of launching the new website.
Performance is Key
The IRIN site serves news to a global audience and currently receives 1/2 million page views per month, with our intent being to dramatically increase this. So website performance is paramount.
To ensure the new website's stability and rapid load times we mirrored the existing site's traffic, so whilst browsing the old website users were also, without knowing it, testing the new site.
This allowed us to identify crawl errors, 404s and any other performance issues before putting the site live. Our tests performed well and with a few tweaks we were ready to launch with confidence.
Thanks to our work as a team, made up of design, development and those who tie us all together, we managed to make 83,307 reports and 38,061 images, some from 1999 and before, look just as stylish as brand new reports created in 2016.
This will ensure IRIN News continues to be the online home of humanitarian news and analysis.
We delivered a fully responsive website that is highly usable and efficient. Reports, in-depth articles and other content are now better organised and easier to find. Improved navigation and intelligent search allows users to access the right information quickly.
A robust CDN (content delivery network), several levels of intelligent caching, and on-page techniques like lazy loading images, ensure that the site is speedy and stable, regardless of device and internet speed.
News reports on IRIN are often the latest event in an ongoing story. The new platform allows IRIN staff to extend reports by creating timelines to guide readers through the history of the story. Content can currently be published in English, French and Arabic, with up to 4 more languages coming in 2016. This allows IRIN to reach a wider global audience.
Of course, there is a lot more to it than that. If you're interested, get in touch with us and we'd love to tell you more.
Making a Difference
After only a month, page views and unique visitors are up 50%, whilst visitor times on the site are up 25%.
Our website provides IRIN with a strong platform to continue to grow, working towards their goal to multiply their readership by 10. But this is only the beginning, and there is plenty of work to do.
It is important that we continually monitor, test, revise and reassess our approach to help IRIN grow. We're looking forward to the ongoing challenge.
The website BLISS delivered is faster, simpler, easier to search, and looks great on mobiles and tablets. It allows us to deliver more dynamic and visual content, on a range of platforms, as we continue to develop our storytelling.
We passionately believe that with the right combination of on-the-ground reporting and flexible content delivery, we can make more people care, understand and act on the many crises around the world.
Ben Parker, Chief Executive, IRIN News
The new IRIN News website was one of the best projects we've ever worked on at BLISS. Some of the team share their thoughts about their experiences working on it.