AI-Generated Video Subtitles

A video post in the employee app playing with AI-generated subtitles shown over the video.
The shipped feature: AI-generated subtitles playing on a video in the app.

Overview

Role
Product Designer Lead: from discovery to implementation
Timeline
6 months
Platform
An employee-communication SaaS
Powered by
Microsoft Azure

An AI-powered feature that automates subtitle generation for uploaded videos, integrated with Microsoft Azure. I designed the end-to-end subtitle management interface, from generation to editing and publishing, balancing two perspectives: the editor’s need to review and correct the AI-generated output, and the end user’s experience of seeing accurate, well-timed subtitles in the app.

Throughout, I kept a strong focus on accessibility, making sure video content reaches everyone regardless of hearing ability or language, while keeping the content creator in control.

The subtitle editor: an AI-generated English transcript of a video, split into timestamped, editable blocks ready for review and correction.
Editor: review and correct the AI-generated subtitles.
The mobile app playing a video with an accurate subtitle caption displayed over it.
End user (mobile): accurate, well-timed subtitles in the app.
app.staffbase.com
The desktop subtitle editor: a video preview beside AI-generated transcript blocks with timestamps, language tabs, and a banner warning that AI subtitles should be reviewed before publishing.
Editor (desktop): reviewing and correcting the AI-generated subtitles across languages.
app.staffbase.com
The desktop video player with a subtitles menu offering Off, English, Italian, German and Spanish tracks.
End user (desktop): choosing a language from the AI-generated subtitle tracks.

While the full case study is still in progress, you can see the feature live here:

See it live →