DoCA-thumb.png

Department of Communications and the Arts - Annual Report 2016-17

Agency: Adelphi Digital

Role: Design and Art Direction

Front-end Engineer: Daniel Tonon

 The third consecutive collaboration we had with the Department of Communications and the Arts designing their annual report. Every year the DoCA have a theme for their annual report where we are briefed with a new set of branding, design, and commun

The third consecutive collaboration we had with the Department of Communications and the Arts designing their annual report. Every year the DoCA have a theme for their annual report where we are briefed with a new set of branding, design, and communications strategy.

DoCA-banner.png
 While the goal is to make content accessible, we wanted to elevate them by showcasing featured information through graphics and micro-interactions.

While the goal is to make content accessible, we wanted to elevate them by showcasing featured information through graphics and micro-interactions.

DoCA-gif.gif
Landing page

Landing page

We introduced a variety of animations on the infographics and scrolling effects that make the content more exciting and interactive.

 One of the main challenges with these kind of interactions are seamless execution on different devices. We created an abridged version of the animated infographics to serve as an anchor but also as a version to display on mobile devices.

One of the main challenges with these kind of interactions are seamless execution on different devices. We created an abridged version of the animated infographics to serve as an anchor but also as a version to display on mobile devices.

DoCA-infographics.png
DoCA-screens.png
 DoCA's annual report has always been at the front of annual report design and every year they strive to improve how they communicate these information to increase public awareness and engagement. See it live  here .

DoCA's annual report has always been at the front of annual report design and every year they strive to improve how they communicate these information to increase public awareness and engagement. See it live here.

DoCA-mobile.png
DoCA-footer.png
DoCA-footer.png