Project description

In 2018 we rebuilt our online “arcade”, a collection of infographics originally designed for print. to make it more efficient and add features expounding on the process used to research and create certain pieces This collection of visual stories and data journalism will be available free-of-charge to a wide international audience far beyond the newspaper circulation. The stories offer a unique Hong Kong perspective on the news and contribute to the global conversation about China and the rest of the world.

Our city broadsheet began publishing full-page infographics in 2011, tackling a broad array of subjects from science to politics, history and fashion to technology and sport. We usually create discrete versions of our graphics for print and digital taking advantage of the unique qualities available to the different mediums.

Our full-page infographics for print are designed to complement the online pieces rather than simply duplicate information for a different format. While online stories have the space to dive deeper with more information using interaction and animation, the print versions offer succinct storytelling using strong visual elements and tight editing.

What makes this project innovative?

We create data-driven stories in diverse visual formats. Contrary to the common practice of writing a story and then adding complementary visual elements as an afterthought we tell stories using visuals as the primary source of content

What was the impact of your project? How did you measure it?

Our articles go from the back page of the newspaper to smartphones around the world. Many of our pages have been seen online and used in exhibitions in Milan, Hong Kong, Mexico and New York last year. The SCMP has grown from a local publication with a monthly audience of one million to a global monthly audience of over 30 million in three years. The graphics team’s move to prioritising our digital product has resulted in some stories exceeding two million page views without compromising the quality or production rhythm of the print product

Source and methodology

Sources are diverse depending on the project. We work on breaking news projects using assets researched from the web or provided by researchers from other desks in the newsroom. Medium-term projects usually involve team research working with reports and fieldwork. Long-term projects are made from overseas research trips, specialist interviews, books and reports. The entire process is conducted in-house. Often one person develops an idea through research then writes the story while creating the graphics and visuals, animation. The code is written by the same designer as their are no dedicated developers in the team. A team of sub-editors proofread the text and fact-checking the story before it is published in print and/or online

Technologies Used

Software: Adobe Creative Cloud: Illustrator Photoshop After Effects Audition Brackets IO QGIS Cinema 4D Blender Programming languages: Javascript HTML CSS JSON GEOJSON SVG Code Libraries: JQuery Scrollmagic Velocity D3 Tweenmax

Project members

Darren Long, Adolfo Arranz, Marco Hernandez, Marcelo Duhalde, Pablo Robles and Dennis Wong


Additional links


Click Follow to keep up with the evolution of this project:
you will receive a notification anytime the project leader updates the project page.