Franceinfo Live

Franceinfo Live

Franceinfo Live

ui/ux

ui/ux

ui/ux

media

media

media

Franceinfo Live

Franceinfo Live

Franceinfo Live

About project

About project

About project

Franceinfo Live – Designing the Pulse of Real-Time News

Franceinfo Live – Designing the Pulse of Real-Time News

Franceinfo Live – Designing the Pulse of Real-Time News

Franceinfo's Live feed is one of the most dynamic features of the platform—offering a constantly updating stream of breaking news, verified reports, and contextual updates. It’s a place where users can follow major stories in real time, with clarity and reliability.

As UX and UI designer for this project, I was responsible for shaping the user experience of both the public-facing Live feed and its internal back-office interface—the tool used by journalists to publish and manage content in real time.

The challenge was to create a fast, legible, and user-friendly experience that serves both ends: the reader, who seeks immediacy and understanding, and the newsroom, which needs efficiency and precision.

Problem

Problem

Problem

The nature of live news is inherently chaotic: updates come in fast, information evolves, and stories develop minute by minute. Users expect clear, accurate, and well-structured information, even as events are unfolding.

Meanwhile, journalists need a reliable and intuitive back-office tool to publish entries quickly, manage content hierarchy, and maintain editorial control without friction.

On the user side, we needed to address:

  • Overload of information, especially during major events.

  • Lack of clear structure or entry points for different types of content (text, video, verified info, key facts, etc.).

  • Difficulty in navigating long feeds and distinguishing between high-priority and contextual updates.

On the editorial side, we had to solve for:

  • Fast publishing with minimal errors.

  • Flexible content types and tagging.

  • Live editing and management workflows.

Solution

Solution

Solution

I approached this as a dual UX challenge: designing a fluid, readable experience for the audience, and an efficient, no-friction publishing environment for the newsroom.

  • User Experience & UI of the Live Feed:
    I restructured the Live interface to prioritize clarity, rhythm, and hierarchy. Visual differentiation between content types (text, video, fact-checks, priority news) allows users to quickly scan and navigate the feed. I introduced time-stamping, visual cues, and modular components that enhance both readability and engagement.
    The mobile experience was optimized for speed and thumb-friendly navigation, with persistent access to key story anchors.

  • Design of the Back-Office Interface:
    Though not publicly visible, the internal tool powering the Live feed plays a critical role. I worked on its UX and UI to support real-time editorial needs, including:

    • Structured yet flexible publishing flows

    • Simplified tagging and categorization

    • In-line editing, previewing, and visibility controls
      This system was co-designed closely with editorial teams to ensure efficiency, clarity, and minimal cognitive load under pressure.

  • Iterative Improvements & Testing:
    The Live feed is continuously evolving. I regularly collaborate with journalists and product stakeholders to test, iterate, and fine-tune both the front and back interfaces based on usage feedback and new editorial needs.

In conclusion

In conclusion

In conclusion

Franceinfo Live is a living, breathing part of the news experience, where design directly impacts the flow of information in real time. By creating a robust and intuitive interface on both sides—reader and editor—I helped make live journalism faster, clearer, and more engaging.

This project illustrates how thoughtful UX/UI design can support the complexities of real-time content, ensuring both the clarity of what’s seen and the efficiency of how it’s produced.

Have a project

in mind?

Have a project in mind?

Have a project

in mind?

Let's bring your ideas to life—reach out and let's talk!

Have a project in mind?

All rights reserved. ©2025 by

Dylan De Oliveira

All rights reserved. ©2025 by

Dylan De Oliveira

All rights reserved. ©2025 by

Dylan De Oliveira

All rights reserved. ©2025 by Dylan De Oliveira