header_image2.jpg

Power Director Mobile

The best full-featured video editor and video maker

Platform for ios and android

PDRM_1024.png

Whether you’re creating cinematic style movies, videos of your latest adventure or using a green screen to share exciting, memorable moments, PowerDirector is the perfect video editor for you.

Role and Duty :

Planned and discussed user flow, information architecture and function map of every

  new feature with PM and RD according to the spec. 

• Define user interface guidelines, visual style and work with designers to standardize UI style guides.

• Collaborated with RD and marketing team to design user friendly UI based on user 

  experiences research.

• Collaborated with web commerce team to update App store images or promotion AD

  to achieve the best promo effect of new features.

Keep product feature UI updating & optimizing launcher design.

Optimized launcher and main UI design

In order to allow users to edit videos easily and quickly with one hand, and also refer to popular software for simple operation and editing in the area, we decided to redesign the launcher, main UI design and refine the operation process, and provide a new operation mode - vertical screen mode. let user switch between two modes.

 

Meanwhile, we planned to interact more with users, so added our social media platform on new launcher and add more cool demos and video tutorials for more interaction with our users.

PDR_FbAd_02.png

The Launcher of original version

( Landscape mode for android only )

Here shows the original version >>>

Reverse.png

Main UI of original version

Title Designer
Title Designer

press to zoom
Added Music
Added Music

press to zoom
Produce Video
Produce Video

press to zoom
Title Designer
Title Designer

press to zoom
1/3

Feature overview slider for original version

Refinement items and 

New launcher for Portrait mode

  • Provide a new Portrait mode launcher, so that users can easily open PowerDirector App with one hand and operate it without turning the phone.

  • Rearrange the launcher layout, refine UI flow, and according to the analysis of data, highlight the most frequently used new project button that users to open App. Let users see it as soon as they open App.

  • Add social media element info and put cool demos.

  • Add tutorial videos how to do cool demos.

  • The new launcher design should support both landscape and portrait modes, allowing users to switch between two modes by turning their smartphone.

1.Sample Project.jpg
1.Sample Project.jpg
1.Sample Project.jpg
Launcher.jpg

New launcher for portrait mode

Launcher_Landscape_220105.jpg

New launcher for landscape mode

New Main UI design for Portrait mode

  • For new portrait mode, we hope that users can learn and use it easily, so we re-examined operation process of original landscape mode. And optimize and re-plan some functional items, and redesign the main UI design at the same time, so that the operation process and interface design of landscape and portrait mode are the same.

  • Added "how to start" show , use "+ " button to let users into the main UI, they will notice it at first glance and add text descriptions to clearly know that first step is to add their own video for editing.

Main UI for landscape mode
Main UI for landscape mode

press to zoom
Added video to timeline
Added video to timeline

press to zoom
Show toolbar to find edit tools
Show toolbar to find edit tools

press to zoom
Main UI for landscape mode
Main UI for landscape mode

press to zoom
1/3

New Main UI for landscape mode

Main UI for portrait mode
Main UI for portrait mode

press to zoom
Added video to timeline
Added video to timeline

press to zoom
Open edit detail page
Open edit detail page

press to zoom
Main UI for portrait mode
Main UI for portrait mode

press to zoom
1/3

New Main UI for portrait mode

Design style for PowerDirector Mobile

launcher designed for business version

  • The logo for PowerDirector business version should look similar but differentiated.

PDR_logo_BZ_512.png
  • This version is mainly based on video templates, so we've adjusted layout design of launcher and flow of user operation UI.

Different from general version, users of business version can first select desired platform template, and then select the ratio of the video for editing.

  • Create an editing mode exclusive to business version.

PDR2.jpg

Each new version release will have new features UI design, such as...

keep to update main UI design of PowerDirector

In-App-Download-Template_20220118.jpg
white.jpg