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.
Medium & small view
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.
The banner area of the top level page, the home page, consists of 3 featured items, a large one and two smaller ones.
The banner area of the 2nd level pages, the content type and topic landing pages, consist of 4 smaller featured items.
The banner area of the 2nd level pages, the content page, consists of a single banner image.
A number of templates were designed to accommodate all current as well as future content.
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.
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.
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.