New Product Launch: Inter-American Development Bank

iadb-home

Not all projects have the potential to make you feel like you’re making a difference in this world, but after 18 months of blood, sweat and tears alongside my design and branding cohorts at studio analogous, I’m proud to announce the launch of the new Inter-American Development Bank (IDB).

With a very limited understanding of the IDB mission at the beginning of the project, we came to understand the profound nature of their day-to-day mission rather quickly. In their own words:

We work to improve lives in Latin America and the Caribbean.

“Improved lives” is the result of operational projects that come in all shapes and forms, funded multilaterally by member countries throughout the world. Essentially, the IDB pinpoints localized projects, and funding is provided to manage green-lit projects through to completion. In order for the website to successfully present the numerous narratives, statistics and data that embody the IDB mission, we began by centering on the core needs of a handful of key design personas.
idb-persona-expectations

In the end, our process narrowed the primary focus of the site to highly related information objects, which formed the basis for the topical navigation:

  • Projects – procurement opportunities, portfolio presentation, mapping
  • Countries – projects, people on the ground, statistics
  • Sectors – OECD standardized, projects, data, strategy
  • Data: – data via indicators & countries, dynamic presentations
  • Publications – bundled research, organizational attributes

After synthesizing the requirements for each section, we designed a shallow and narrow navigation system, as well as a flexible pattern for sectional navigation, which we used in different areas of the site to allow for deep dives without losing key task context. The most complex area was the Project section, as the previous site had numerous single database search interfaces spread throughout the site. Our solution involved a persistent navigation device to allow for instant browse and specific project-object related queries.

idb-project-wires

project-navigation

In building out our design pattern library, we sketched the templates for each section to present similar navigation metaphors, information modules, and eventually, visual patterns wherever possible. Examples include:

  • the use of the hero area to introduce stories, campaigns and provide multiple paths into pertinent information
  • page modules that introduce country and sector narratives through the presentation of data and statistics
  • navigation that remain as flat as possible, never moving beyond two-levels deep, while shifting to present smart navigation in specific areas of the site

statistics

While the corporate site isn’t a strong candidate for a heavily infused social layer focusing on comments and sharing, IDB has a growing community of domain experts posting to a separate blog presence regarding sector-based work in Latin America and using twitter and Facebook to spread the good word of their work and connect with interested folk in the region. We felt it was important to share those voices both on the homepage and throughout the site when post attributes overlapped with sectional attributes.

social

It’s far too early to know if the redesign has impacted usability, traffic and the underlying ROI. If/when that feedback comes in, I’ll follow up with a post along those lines.

================

For more insight into this project and my process, feel free to reach out to me at spcoon{at}gmail{dot}com