Case Study / 03 · Mobile Creation Suite & Retention

Lomotif: Eliminating Editing Friction in Short-Form Video

Redesigning the mobile editing suite for Lomotif’s short-form dance and slideshow creators, replacing confusing tool-save states and awkward top-bar actions with thumb-zone ergonomics and millisecond audio scrubbing, lifting video completions by 8% across 100,000+ active creators.

+8%
Video Completion Lift
-4%
Editor Abandonment Drop (42% → 38%)
100K+
Creators in A/B Cohort
01 / Context

The Supply Engine of Short-Form Video

Lomotif is a global social video platform competing head-to-head with TikTok and Instagram Reels. Creators use the app to produce music montages, trending dance clips, and rhythmic photo slideshows.

In any user-generated video platform, overall ecosystem retention depends on the creation flywheel: when editing feels effortless, creators post frequently. That influx of fresh content powers the algorithmic feed, keeping viewers engaged and giving creators the audience validation to return.

Lomotif Editor Cover
Exhibit 1.0 · Lomotif creator suite overhaul: streamlining timeline trimming, sound synchronization, and publish CTAs.
02 / The Challenge

The 42% Abandonment Bottleneck

Funnel telemetry revealed a glaring issue in the creation pipeline: 42% of creators who opened the video editor abandoned their project without ever publishing. Only 58% of editing sessions resulted in a finished post.

In a competitive mobile market, losing over four out of ten creators at the editing stage severely restricted supply and capped daily active creator growth.

The Product Mandate

Pinpoint the exact usability traps causing creators to drop out of the editor, reduce abandonment below 35%, and lift full video publication rates by 8% to 10%.

03 / Usability Diagnosis

Global UX Workshop over Zoom: Mapping the Creator Journey

To uncover the ground reality behind the 42% drop-off, I facilitated participatory remote UX workshops over Zoom paired with interactive FigJam journey boards. We engaged active creators across multiple global markets (including participants from Portugal, the United States, and Brazil) to map their actions, emotional states, and expectations across three phases: Input, Edit, and Export.

Global Participatory UX Workshop FigJam
Exhibit 2.0 · Participatory Zoom UX workshops: mapping emotional journeys and drop-off bottlenecks with international creators across Portugal, the US, and Brazil.

The workshop synthesis isolated two critical interaction flaws that directly drove creators away:

Usability Trap 01

Missing Edit Confirmation Feedback

Every time creators adjusted a filter, trimmed a clip, or adjusted an effect, the interface lacked visual confirmation feedback. Users assumed their edits were ignored or that the app was bugged, leading them to abandon the app in frustration.

Usability Trap 02

The Top-Bar "Save" Dialog Trap

When creators switched between tools (e.g. from filters to music), the UI required them to manually reach way up to the top of the screen to tap "Save". If they tapped another tool without saving, an alarming discard popup warned them their work would be lost.

Accidental edit discard warning dialog
Exhibit 2.1 · The legacy discard warning dialog that triggered when users toggled tools without reaching the top-bar save button.
04 / Interaction Architecture

Re-architecting for Thumb Ergonomics and Seamless Tooling

I restructured the entire creation layout around natural one-handed thumb ergonomics and automatic state preservation:

  • Sticky Bottom-Right Publish Action: Moved the primary progression action down from the distant top navigation bar into the natural bottom thumb zone, eliminating reach fatigue.
  • Automatic State Persistence: Removed the manual top-bar "Save" step entirely. When creators switch between audio, trimming, and effects drawers, edits are automatically saved in the background with tactile visual confirmation.
  • Clean Exit Experience: Replaced the alarming discard modal with seamless automatic drafts, allowing creators to step away and return without fear of losing their edits.
Legacy Editor Layout

Cluttered tools with save actions locked at the top of the viewport.

Legacy Editor Layout
Redesigned Thumb Suite

Bottom-sheet tool drawers with sticky bottom-zone publish CTA.

Selected UI Solution Flow
05 / Precision Engineering

Millisecond Audio Timeline Scrubbing

For dance and montage creators, audio synchronization is everything: a video falls flat if the visual transition lands three frames off the beat drop.

The legacy music scrubber suffered from coarse touch sensitivity, causing the audio track to jump abruptly by full seconds during dragging.

I designed a high-resolution waveform scrubber calibrated with fine-grained millisecond drag sensitivity:

  • Gentle horizontal thumb drags smoothly advance the audio track in 50ms increments.
  • Visual audio peaks dynamically expand under the user's thumb, giving creators the tactile precision needed to nail exact beat drops.
Hi-Fi UI Specification mockup
Exhibit 3.0 · High-fidelity design specifications handed off to mobile engineering squads for responsive waveform drag physics.
06 / Measurable Impact

100K+ Creator Experiment & Complete Squad Consensus

We deployed a controlled 50/50 A/B test across a cohort of over 100,000 active creators to measure behavioral impact at scale. Because our discovery research and usability telemetry were so thorough, product management and engineering squads had complete consensus and confidence in the rollout.

The A/B test delivered unambiguous improvements across top-line metrics:

+8%
Video Completion Lift
-4%
Editor Abandonment Drop (42% → 38%)
100K+
Active Creator A/B Cohort

An 8% lift in finished creations translated into tens of thousands of additional original videos published every week, directly feeding the FYP algorithmic feed and strengthening creator retention.

07 / Key Takeaways

Tooling Design Lessons at Scale

  • Immediate feedback is essential: When software lacks obvious confirmation cues, users do not assume they need to look harder; they assume the app is broken.
  • Respect the thumb zone: Forcing users to reach for top-screen save buttons during continuous creation creates friction that silently hemorrhages creators.
  • Thorough research eliminates internal debate: When design proposals are anchored in verified user recordings and telemetry data, cross-functional alignment becomes seamless.