VoxDev

VoxDev is a platform for economists, policymakers, practitioners, donors, the private sector and others interested in development to discuss key policy issues. Expert contributors provide insightful commentary, analysis, and evidence on a wide range of policy challenges in formats that are accessible to a wide audience interested in development.

The platform aims to put evidence from decades of academic research into the hands of decision-makers and civil society in developing countries in a way that they can be easily accessed and actually put to use, ultimately encouraging the design and implementation of more evidence-based policy.

Three organizations - CPPR, IGC,and PEDL - approached us (Soapbox) for the creation of a new blog/article platform called VoxDev. As this was a brand new, green field project, there were no assets nor any brand guidelines. The turn around was lightning fast - 3 months - in which time we produced a visual identity, basic guidelines, a design system, and a fully functional platform.

Home page

Large view

Home page

Medium & small view

Landing page visual hierarchy

Due to the large number of different level landing pages, a visual hierarchy system was developed to allow the user to identify levels. To achieve this we used image sizes at the banner area as level indicators.

1st level

The banner area of the top level page, the home page, consists of 3 featured items, a large one and two smaller ones.

2nd level

The banner area of the 2nd level pages, the content type and topic landing pages, consist of 4 smaller featured items.

3rd level

The banner area of the 2nd level pages, the content page, consists of a single banner image.

Templates

A number of templates were designed to accommodate all current as well as future content.

Content page template

Authors landing page template

Profile page template

User Interface wireframes

Extensive research showed users tend to prioritise menu links when visiting this type of websites. Based on the research findings, we opted for a full width, fluid, main navigation pattern which progressively collapses links which don't fit under a menu button.

Menu states & functionality

The priority menu based approach re-enforced a 'content prioritisation' logic, allowing us to link specific content with user needs and business goals, while at the same time enabling the development team to use the same menu code in all the breakpoint layouts and thus keeping the code base smaller.

Search functionality

A cross reference search system was developed to better accommodate the large wealth of content as well as future proof the search taking into account future content and section creation.

A 'content type' filter menu was introduced at the top of the page, which effectively allows the user to narrow down the 'content type pool' in which they would like to filter results down.

next project

Oxford Policy Management

Digital  •  Website  •  Think-tank