Redefining Mobile Video Editing

Leading the UX for Add Music to Video. A top-charting app developed at Kite Games Studio that scaled from a simple utility to a creative powerhouse.

2016 - 2023 • Lead UX Designer

Download on the App StoreGet it on Google Play
Add Music to Video app

role

Lead UX Designer

growth

Scaled Team 4 → 22

location

Kite Games Studio, Dhaka

collaboration

Dev & QA Integration

chapter i

The Challenge

The 2016 Landscape

The original experience was cluttered and technically rigid. Users struggled to sync audio, and the visual output felt “cheap.” I needed to dismantle the existing flow and rebuild it based on how people feel music, not just how code handles it.

Before

2016 AMTV design

2016 design

After

2019 AMTV update 12019 AMTV update 22019 AMTV update 32019 AMTV update 4

2019 update

chapter ii

Research & Methodology

Unconventional Research Methods

The DJ Study

I analyzed DJ beat-matching to understand how non-musicians perceive audio structure. By studying how DJs intuitively sync tracks, I discovered patterns that could be translated into visual cues for our video editor.

DJ audio waveform analysis
Cinematic grammar timeline analysis

Cinematic Grammar

I studied movie transitions to create a “logic grammar” for video themes. By breaking down how professional editors use timing, cuts, and visual rhythm, I developed a systematic approach to automated video editing.

Psychology

Analyzed psychology to understand how users (specifically female demographics) view self-image in editing. This research informed our approach to filters, effects, and the overall emotional tone of the editing experience.

User psychology research board

chapter iii

The “Bridge”

Bridging Design & Code

In 2016, tools like Figma weren't advanced enough for my vision. I used After Effects to demonstrate complex animations and wrote “Transition Grammar” on paper to explain the logic to developers.

“I didn't just hand off pixels; I defined the physics of the app.”

Bridge concept 1Bridge concept 2

chapter iv

The Solution

The Reimagined Editor

The final design featured a light and dark mode interface that prioritized the content. We introduced a drag-and-drop timeline that felt tactile, allowing users to “touch” the music. The result was a seamless flow from import to export.

Video Editing Interface
Timeline Editor
Audio Edit Panel
AI Filters
Audio Library
Projects View
Audio Add Screen
Video Editing Interface
Timeline Editor
Audio Edit Panel
AI Filters
Audio Library
Projects View
Audio Add Screen

chapter v

Execution

Pixel-Perfect Execution

The best design fails without implementation. I sat side-by-side with developers and QA engineers in countless meetings, fixing glitches and refining transition timings until the app felt indistinguishable from the After Effects prototype.

In-person team collaboration
In-person team collaboration.

chapter vi

Impact

7 Years of Leadership

This project was just the beginning. It stayed on the Top Charts for years, and the success allowed me to scale the design team to 22 members, leading 16+ successful projects at Kite Games Studio.

Top Charts

App Store & Play Store

16+ Projects

Shipped Successfully

22 Designers

Team Led & Mentored

Download on the App StoreGet it on Google Play
Add Music to Video featured on App Store Top Charts

Let's build something people remember

From enterprise teams to growing startups.

Let's talkarifin.yeasin@gmail.com