Export Development Canada

A Drupal 8 website for a new financial development initiative

We created a Drupal 8 website for FinDev Canada, a new financial development initiative from Export Development Canada. The client needed a flexible way for their non-technical content editors to build dynamic landing pages with modular content and flexible design patterns. The result is a visually-rich website that can be customized by content editors to communicate key messaging and information from the EDC.

FinDev Floating Screens

Background

Export Development Canada is Canada's export credit agency, providing trade credit insurance, export financial services and other business solutions to Canadian exporters, investors, and their international buyers. It's wholly owned by the Government of Canada, and its mandate is to support and develop trade between Canada and other countries.

Goals

Export Development Canada created FinDev Canada, a new entity that lends money to developing markets, in order to provide easier access to capital for entrepreneurs in developing markets. FinDev Canada aims to empower women, build capacity for entrepreneurship and community, and support environmental efforts. It fills the gap between commercial lending for large enterprises, and development assistance via non-profits. It lends like a bank, but in smaller amounts to individuals and small business, so the impact is at the grass-roots level.  

The goal was to launch the new brand quickly, while adhering to government requirements of accessibility and bilingualism. We used a style guide-driven process to make sure that all the content components look consistent, and that they work together as a whole. We had 6 weeks to turn the concept into a reality.

FinDev Interfaces

Solution

Export Development Canada wanted to use Drupal because of its reputation in the Government of Canada. Additionally, the content management system is robust and flexible enough to handle languages well and adapt to the future needs of the organization.

  • A new Drupal 8 website to coincide with the launch of the new FinDev brand and organization
  • Conformity to WCAG AA accessibility standards
  • Custom theme that matches the organization's design and corporate branding
  • A living style guide
  • Slideshows, news feeds, search UI, and animated, mobile-friendly navigation
  • Flexible landing pages that are component-based and can be easily created and customized by content editors
  • Landing page components with flexible appearance, to accommodate changes to the website's visuals and marketing messages
  • An administrative interface that's optimized for content editors
  • Fully bilingual (English/French) content and navigation
  • Responsive layout that works with all types of devices (computer, tablet, mobile)

Results

The FinDev Canada website is energetic, confident and inspires site visitors and potential clients. While FinDev is a financial institution backed by Export Development Canada, the website shows the innovative and edgy side of the organization.   

The website is mobile-first, fully bilingual, and accessible. When content editors create content, they pick options that are based on the variety of style treatments defined in the pattern library for the website. Content editors do not need specialized training to make changes to the site, and the content output produced is always accessible. The component-based design gives them the ability to easily change the layouts, messaging and visual elements to suit current and upcoming initiatives. They can even change the colour palette and other visual aspects of the content components.  

As part of this project, we released the Sidr Responsive Menu module on Drupal.org, an accessible, mobile-first menu that the Drupal community can use for future projects.  

The project inspired Evolving Web to write documentation about how we made this website accessible. And we presented this at Drupal conferences and shared our knowledge with the larger community.