Description
The current design of the web tool requires constant scrolling up and down to access different editing options (Trim, Rotate, Text Overlay, Adjustments, etc.). Because the tools are stacked vertically below the video player, users lose sight of the video when they scroll down to adjust settings. This creates a frustrating user experience, especially when trying to see how different options affect the video.
Expected Behavior
The layout should be structured so that the video preview is always visible while interacting with the editing tools.
Proposed Solution
Redesign the user interface to adopt a more efficient layout. Potential approaches include:
- Side-by-Side Layout: Move the video player to the left (or right) side of the screen, making it sticky/fixed, and place all the tool options (accordions) in a scrollable sidebar on the opposite side.
- Sticky Video Player: Keep the vertical layout but make the video player "sticky" at the top of the viewport when scrolling down the page.
- Tabbed Tools Panel: Instead of long vertical accordions, organize the tools into tabs (e.g., "Basic", "Adjustments", "Overlays", "Export") in a compact panel next to the video.
Motivation
Improving the layout will drastically improve the usability and professionalism of the tool. Users need to be able to interact with the settings and see the video simultaneously without fighting the scrollbar.
Additional Context
I would like to take ownership of redesigning this layout as a part of GSSoC'26. Please assign this issue to me! 🚀
Description
The current design of the web tool requires constant scrolling up and down to access different editing options (Trim, Rotate, Text Overlay, Adjustments, etc.). Because the tools are stacked vertically below the video player, users lose sight of the video when they scroll down to adjust settings. This creates a frustrating user experience, especially when trying to see how different options affect the video.
Expected Behavior
The layout should be structured so that the video preview is always visible while interacting with the editing tools.
Proposed Solution
Redesign the user interface to adopt a more efficient layout. Potential approaches include:
Motivation
Improving the layout will drastically improve the usability and professionalism of the tool. Users need to be able to interact with the settings and see the video simultaneously without fighting the scrollbar.
Additional Context
I would like to take ownership of redesigning this layout as a part of GSSoC'26. Please assign this issue to me! 🚀