Skip to main content
Visual Journalism

Multimedia Storytelling in UK Journalism

How to plan and produce long-form multimedia projects: scrollytelling tools, combining text, photo, video, audio and data, and lessons from Guardian Interactive, BBC News Labs, and FT Visual.

Last reviewed: Next review due:

What you need to know

Multimedia storytelling combines text, photography, video, audio, and interactive data into a single narrative experience. In UK journalism, the format is most visible in long-form output from Guardian Interactive, BBC News Labs, and FT Visual and Data Journalism, but the same principles apply at regional and specialist level. The Reuters Institute for the Study of Journalism documents growing reader engagement with immersive formats, particularly among younger audiences on mobile devices.

Successful multimedia projects are defined by editorial intent, not technical complexity. Each medium should earn its place: photography when a moment cannot be described, data visualisation when a pattern needs to be seen, audio when a voice carries emotional weight that text cannot. Projects that layer media without editorial purpose create friction rather than engagement.

The practical toolkit for UK journalists ranges from no-code platforms such as Shorthand and Pageflow to bespoke development using D3.js, React, and Scrollama. Accessibility, mobile-first design, and performance (page load speed) are as important as the narrative itself — a beautiful piece that loads slowly or breaks on mobile will underperform regardless of its editorial quality.

Resource planning is often the decisive factor in whether a multimedia project succeeds. Teams at the Guardian Interactive and FT Visual typically include a reporter, a designer, a developer, and a data journalist working in parallel over weeks or months. For smaller newsrooms, scoping down to a single strong interactive element — a map, a timeline, or a photo essay with captions — within a well-written text article is a more sustainable model than attempting to replicate full-scale immersive productions with inadequate resource.

When multimedia storytelling decisions arise

The following scenarios are common decision points where choosing the right format — or recognising that a standard article is the better option — has a significant impact on reader experience and resource efficiency.

  • 1Commissioning a complex investigation or anniversary piece where text alone cannot convey the scale or geographic spread of the story.
  • 2Producing a data-led feature where a chart or interactive map will allow readers to explore findings themselves rather than rely on the journalist's summary.
  • 3Covering a human-interest story where audio testimony or documentary video provides emotional authenticity that text cannot replicate.
  • 4Publishing a breaking story that develops over hours or days, requiring a living document format with timeline or update functionality.
  • 5Creating explainer content — policy changes, legal processes, scientific findings — where step-by-step visual annotation aids reader comprehension.
  • 6Planning a collaborative project across editorial, photography, video, data, and development teams with different lead times and dependencies.
  • 7Deciding whether a story warrants the additional resource of a multimedia build, or whether a standard article with embedded media would serve the reader equally well.
  • 8Adapting a desktop-first multimedia project for mobile audiences, where scroll-triggered animations and large assets require re-engineering.

Red flags

The following warning signs indicate that a multimedia project may be heading toward publication failure, legal exposure, or significant reader trust problems. Raising these issues at project planning stage is far less costly than discovering them after launch.

  • A project brief specifies a scrollytelling format before the editorial team has identified what story is being told — format should follow story, not precede it.
  • Video or audio assets are planned but no budget or lead time has been allocated for production — multimedia projects routinely overrun when asset production is underestimated.
  • The interactive elements have no fallback for readers on older browsers, low-bandwidth connections, or assistive technology — accessibility is a legal and ethical requirement.
  • Data visualisations are based on a single dataset that has not been verified with a second source — data journalism errors embedded in interactive graphics are hard to correct after publication.
  • The project is scoped for desktop only in a newsroom where more than 60% of readers arrive on mobile — mobile-first design is essential, not optional.
  • Third-party embed scripts (video players, interactive tools) are included without a performance audit — slow-loading assets damage SEO and reader retention in equal measure.

Multimedia project checklist

Use this checklist before publishing any long-form multimedia project. It covers editorial, legal, technical, and accessibility requirements that apply across all UK publication contexts.

  • I have written a story brief that defines the narrative arc before choosing any format or tool.
  • Each medium in the project has an editorial justification — I can explain why this moment needs video rather than text.
  • I have confirmed rights and licences for all photography, video footage, and audio used in the project.
  • All video content has accurate captions; all audio has a transcript; all images have descriptive alt text.
  • The project has been tested on mobile devices at a representative range of screen sizes and connection speeds.
  • Interactive elements are keyboard-navigable and have been tested with a screen reader.
  • Data sources used in visualisations are documented, verified against a second source, and linked from the published piece.
  • A post-publication analytics plan is in place to measure scroll depth, dwell time, and completion rate.
  • Legal and rights clearances for all assets — including any AI-generated images or audio — are documented and stored before publication.

Related hubs

Multimedia storytelling sits at the intersection of visual journalism, data journalism, and ethics. Image rights and data accuracy are live obligations throughout a multimedia project — not just at launch. Use our related hubs to go deeper on individual disciplines, from sourcing and licensing photography to choosing the right data visualisation tool for your story.

Common mistakes

These errors appear repeatedly across UK newsrooms — from regional titles attempting their first Shorthand piece to experienced interactive desks producing Pudding-style data narratives. Recognising them in advance is the most efficient form of quality control.

  • Building the interactive before writing the text — the written narrative should drive the structure of every multimedia layer, not the other way around.
  • Using autoplay video with audio as a default — autoplay audio is intrusive and is blocked by most browsers; always default to muted autoplay with clear user controls.
  • Embedding third-party tools that set their own cookies without updating the site's privacy notice and consent mechanism — a UK GDPR compliance risk.
  • Publishing without a mobile test — scroll-triggered animations built on desktop frequently break on touch devices where scroll behaviour differs.
  • Treating the multimedia package as a standalone piece with no text article fallback — search engines index text; a piece with minimal text will underperform in search regardless of its visual quality.
  • Neglecting image compression — unoptimised photography and video assets are the most common cause of poor Core Web Vitals scores on multimedia pages.
  • Failing to plan for link rot in embedded third-party content — Shorthand projects, Datawrapper charts, and external video hosts can all go offline; maintain local copies or fallback screenshots of all embedded elements.
  • Omitting a canonical URL or structured data on the multimedia page — search engines struggle to categorise non-standard page layouts, and a missing Article or BreadcrumbList schema squanders a significant SEO opportunity for an otherwise high-effort piece.

Related guides

Primary sources

Frequently asked questions

What is scrollytelling and how is it used in UK journalism?
Scrollytelling is a technique where editorial content — text, images, video, data visualisations, and animation — is triggered or revealed as the reader scrolls down the page. It is widely used by Guardian Interactive, the BBC, and the Financial Times to give narrative shape to complex stories. Tools such as Shorthand, Pageflow, and custom-built frameworks built on D3.js or Scrollama are commonly used in UK newsrooms. The Reuters Institute's Digital News Report has documented reader appetite for immersive formats, particularly on mobile devices.
Which tools do UK newsrooms use to produce multimedia narratives?
Shorthand is widely used by regional and national UK publishers for scroll-based stories requiring minimal coding. Pageflow is an open-source alternative favoured by public-interest outlets. Guardian Interactive and BBC News Labs build bespoke projects using frameworks including React, D3.js, and Scrollama. For audio-led narratives, Audioboom and Spotify integrations are common. For data-driven pieces, Flourish, Datawrapper, and Observable are standard across UK newsrooms of all sizes.
How do you plan a long-form multimedia project in a UK newsroom?
Effective planning starts with a story audit: identifying which narrative moments benefit from each medium — where does a photograph convey more than text, where does a data chart clarify a complex trend, where does audio add emotional texture. A project brief should define the target audience, publication platform, device split (mobile vs desktop), and deadline. Resource planning must cover photography, video, data, development, and editorial sign-off. The Reuters Institute recommends building in time for user testing, particularly for interactive elements, before publication.
What are the accessibility requirements for multimedia journalism in the UK?
The Public Sector Bodies Accessibility Regulations 2018 require public sector publishers to meet WCAG 2.1 AA. While commercial publishers are not directly bound, best practice (and Editors' Code compliance) requires that multimedia content be accessible. This means: captions for all video, transcripts for audio, alt text for images, and keyboard-navigable interactive elements. Scrollytelling animations must not rely solely on scroll position without a fallback for keyboard users. RNIB and AbilityNet publish UK-specific guidance for digital publishers.
How do UK publishers measure the success of multimedia stories?
Engagement metrics for multimedia pieces typically go beyond page views to include scroll depth (what percentage of users reached the end), dwell time, completion rate for embedded video or audio, and social shares by content type. Tools used by UK publishers include Chartbeat, Parse.ly, and Google Analytics 4. The Reuters Institute's Digital News Report notes that reader trust and brand recall are higher for immersive formats, though they require significantly more resource to produce than standard articles.
Can small newsrooms or freelancers produce multimedia stories without a development team?
Yes. Shorthand and Adobe Express offer no-code multimedia story templates used by regional UK newsrooms and freelance journalists. Datawrapper and Flourish produce embeddable interactive charts with no coding required. For audio, Audacity is a free, widely used tool. For video, DaVinci Resolve (free tier) is standard among solo journalists. The challenge is not tooling but project management: a clear brief, realistic scope, and a phased approach to adding interactivity are more important than the specific platform chosen.