ADB AR REPORT 2024 One action. Expanding outward. Reaching the most vulnerable communities across Asia and the Pacific. The Asian Development Bank documents some of the most consequential development work in the region — programs designed to stabilize fragile states and support small island nations facing climate change, conflict, and systemic poverty. The 2024 FCAS and SIDS Annual Report is that work, made visible.
Designblue has partnered with ADB since 2020. This project — the fourth annual report in that partnership — is both the most technically rigorous and creatively ambitious of the series. Our scope: design and build the interactive microsite, and design the official PDF publication. Every element, from typography to animated data visualizations, had to meet ADB's strict institutional branding standards while remaining accessible to a wide, global readership.
The Challenge
An Audience That Spans the World — and Reads Differently ADB's annual reports reach policymakers in Manila, development workers in the Pacific, academics in Washington D.C., and civil society organizations across Asia. These audiences are not uniform. Some read cover to cover. Others scan for a single statistic. Some access the report on a high-speed desktop connection; others on a mobile device in a low-bandwidth environment.
The challenge was not just presenting data — it was designing a reading experience that could hold all of these users at once. The report also needed to feel like a culmination: the 2024 edition represented a milestone in ADB's multi-year FSA implementation plan, and the design had to honor the weight of that. On the technical side: all data visualizations and charts had to be animated, accessible to screen readers, and compliant with WCAG accessibility standards. Typography and color usage had to conform precisely to ADB's institutional brand guidelines — a system that leaves very little creative latitude.
Creative Direction
Ripples From the Water
The 2024 report's creative concept was built on a single metaphor: ripples. The idea that one action — one policy decision, one development intervention — spreads outward, touching communities far beyond the initial point of contact. It is a concept that is both visually expressive and deeply true to what ADB does in the field.
For Designblue, this became the design philosophy that unified the entire project. The microsite's visual language uses gentle, radiating motion. Data visualizations animate outward from a central point. Transitions between sections carry a sense of expanding reach. The PDF publication mirrors this rhythm through layout geometry and spatial hierarchy, creating a reading experience that feels coherent whether a reader moves between digital and print formats.
The result is a report that does not just report — it expresses. The stories of fragile states and small island communities are not reduced to tables and footnotes. They are given visual gravity.
What We Built
Interactive Microsite
We designed and developed a fully responsive microsite built for ADB's global readership. The site is optimized for mobile — a deliberate priority given how development workers and government partners in FCAS and SIDS countries access digital content. Navigation is structured to support both linear readers and those who arrive directly at specific sections.
Data and graphs are animated on scroll, giving quantitative content the weight and pacing it deserves. Every visualization was built with accessibility in mind: screen-reader compatible, keyboard-navigable, and tested for sufficient color contrast ratios. All of this within ADB's institutional color palette and typographic system — no creative shortcuts.
PDF Publication Design
Alongside the microsite, we designed the official PDF version of the 2024 FCAS and SIDS Annual Report — the institutional document that circulates to ADB member governments, development partners, and the broader international development community. This is a different design challenge from a website: fixed layout, print-ready precision, and a reading experience that must work in isolation from any interactive element.
We approached the PDF as an extension of the same visual language — the ripple metaphor expressed through layout geometry, section pacing, and graphic hierarchy. ADB's strict brand standards were applied throughout, from font usage to grid systems to icon treatment. The PDF and the microsite speak the same visual language while serving entirely different reading contexts.
Why It Matters
Annual reports for multilateral development institutions are not marketing materials. They are accountability documents. They are read by the people who fund development programs, the governments who implement them, and the communities who depend on them. Getting the design right — technically, visually, and in terms of accessibility — is not a detail. It is part of the institution's credibility.
Designblue has built a kind of client relationship with ADB where that standard is understood without having to be explained. Four years of consecutive projects, each one more complex than the last, has produced a working partnership grounded in trust, technical rigor, and shared commitment to work that is worthy of the subject matter.
Services Delivered
User experience design (UX) · Responsive web development · Interactive data visualization · Accessibility compliance (WCAG) · PDF publication design · Institutional brand application · Annual report design Philippines · Microsite development for NGO and multilateral institutions
ClientAsian Development Bank
Year2025
IndustryBanking & Finance
Services RenderedUX Strategy, Website Design, Infographic Design, Development
