top of page
Visla AI Video Generator
Design team members: Senior designer (me), two junior designers.
Collaborators: Product manager, CEO, and front-end engineer overseas.
Launched in 2024
Visla was a video editing and recording platform
Pain Points
-
Users without video production skills often struggle to start from scratch.
-
The platform doesn't offer built-in assistance for video generation.
With the rise of AI tools like ChatGPT, Visla saw an opportunity to grow. Recognizing the potential to improve the user experience, we prepared to integrate AI-driven video creation capabilities. Users can enter prompts and AI will generate scripts, visuals, and even sounds, allowing for fast and professional video creation.
Pain Points
Research
-
Define the target users.
-
AI Research - What can AI do?
Define the target users
Small Businesses
They may need affordable, efficient video content creation for marketing, advertising, or social media. A tool that automates video creation could save them time and resources.
Marketing Teams
These users often need to create professional videos for campaigns, presentations, or product launches. They would benefit from a tool that speeds up production and ensures consistency.
Educational Trainers
They may use video creation for training, courses, or informational content. AI tools could help streamline production.
AI Research
What can AI do?
What can AI not do?
Design Goals
-
Meet user needs (AI-generated video) and get more users (business goal).
-
Allow users to generate a video in a few minutes through web, mobile, and client environments.
The design allows users to generate video stories by inputting various types of content, including Ideas, Text, Blogs, Audio, Images, Clips.
Design Goals
This versatility in content input empowers users to create rich, personalized video stories.
Solution
-
To create AI-generated features for users.
-
Design across web, mobile, and client environments
Flowchart
Solution
Solution
Narrative design - Designing in text
Make simple stories of a design solution
Use them to pull out key points, identify concepts, terminology, and threats
Super fast to create, modify, and critique
User scenario
Narrative for "Create video page"
As a video creator, when I click the “Create Video” button, I’m taken to the Create Video page. This page includes a prompt for entering my idea, along with options to upload text, video, or images to use as video assets. A “Generate” button allows me to create the video, and there’s an icon to close the page or return to the previous screen.
The story can also be used for testing.
Compare a design solution meets the requirements
a
b
c
d
Design requirements
a. A prompt for entering my idea
b. Options to upload text, blog, audio, video, and image
c. CTA to start the process
d. An icon to close the page or return to the previous screen
Adding “Create Video” feature into the video editing and recording platform
Wireframes & sketches
Version 1
I should begin with low-fidelity explorations, focusing on information architecture and interaction design rather than specific UI elements. Prioritize user flow, responsive behavior, and accessibility considerations at this stage.
Version 2
Idea and Text problem
Iteration + User testing
The initial design required users to click a button to upload their own resources. While the UI appeared very simple, it added an extra step for users, which might not have been immediately intuitive or convenient for them.
Final Design
Based on feedback from user testing, the upload process was streamlined. Now, users can directly find the method to upload resources, making the process more intuitive and user-friendly.
As the design owner, I designed this feature for these platforms:
-
Desktop clients (Mac OS, Windows)
-
Mobile and tablet apps (iOS, Android)
-
Web (Desktop, Mobile)
Impact
Before:
-
Users without video production skills often struggle to start from scratch.
-
The platform doesn't offer built-in assistance for video generation.
After:
-
Users can create videos on this platform across web, mobile, and desktop environments.
-
To date, over 1 million users have used this "Create Video" feature.
Design reviews from the real users
bottom of page