The Secrets to Vloggi’s Success as a Better Vlogging Platform

Profile2

Muhammad Al Mahdi

7 mins read

.

May 1, 2021

design_diary_thumbnail_vloggi

Project Background

“Everyone wants to be perfect to win the hearts of vloggers.”

Vloggi is a platform that allows users to collect, edit, and share videos from various sources, including phones, cameras, and social media. Vloggi also offers a variety of features to make it easy for users to create engaging and professional videos.

 

 

I am a UX/UI designer, and I was asked by Jeremy, the Vloggi development team, to help improve some of the Vloggi flows that were felt to be lacking. This is where I got involved in this proud project.

Approach

"Even if a small number of users complain, it is also valuable advice.”

I discussed with the Vloggi team and studied the Vloggi product to understand the needs and wants of users, as well as identify areas that could be improved. I applied a User-Centered Design approach to ensure that my designs meet the needs of Vloggi users.

 

Discovery & Understanding

"Data Provided by the Vloggi Team"

I did not conduct any research, the Vloggi team already had the data. In meetings with the Vloggi team, I actively listened and understood the problems that needed to be solved. I then used this data to develop innovative solutions that meet the needs of Vloggi users.

 

 

 

In the research data provided by the Vloggi team, I found several issues that could hinder the user experience (UX) on the platform. These issues include:

  • The “clip” modal is too tall and cluttered, making it difficult to navigate and use.
  • Users must navigate to the “create video story” page and then select the clip again.
  • The template maker requires troubleshooting based on the login email address in order for users to access the template maker.
  • Project creation does not have clear steps or instructions, which could potentially confuse new users.

 

From these discussions, I was able to conclude that the objective of the project with Vloggi is that they want to improve the user experience by adding new features and improving the overall quality of their product so that it can have an impact on the business.

Solution Concept

“Refinemenets best journey for Vlogger to achieve their mission”

I facilitated the team to brainstorm. Solutions were determined through open and inclusive collaboration. Ideas were captured and objectively considered based on user needs, technical limitations, and cost.

 

 

Many ideas were collected, filtered based on impact priority and effort, and these are some specific solutions that all teams wanted:

  • Redesign the layout of the “clip” modal to be more structured and easy to understand. By redesigning the layout of the “clip” modal, information can be prioritized and grouped logically, so that users can easily find what they are looking for and what they need to do.

  • Add a “create story” button in the clip gallery, so users can select clips directly from the gallery when creating a video story. By adding a “create story” button in the clip gallery, users can quickly and easily select clips to create a video story.

  • Improve the template maker so that it is accessible to all users. By improving the template maker, all users can easily access the feature.

  • Simplify the project creation process and add clear step-by-step instructions. By simplifying the project creation process and adding clear step-by-step instructions, new users can easily create video projects.

 

These refinements are intended to provide the best journey for vloggers to achieve their mission. By making the platform more user-friendly and efficient, i can help vloggers create better videos and achieve their goals.

Designing Solution

"New Style or Reuse Existing Style for New Vloggi?"

The UX solutions for Vloggi that I designed with Figma include userflows, wireframes, lo-fi prototypes, high-fidelity UI designs (mockups), and prototyping and interaction design. I always involve the Vloggi team in the entire process, including interface design

 

I created multiple design versions with explanations of the benefits of each based on data. The Vloggi team then selected the design version they wanted. This allowed me to understand the team’s preferences and the needs of users.

 

 

Smooth UI design requires consistency. The existing pages were inconsistent, which had a negative impact on Vloggi’s UX. I continued to use the style guide, but I made adjustments to make it consistent. This shortened the UI development time and saved resources.

Testing & Iteration

“This is a Solution that Will Be Eternally Refined”

The results of the UAT (user acceptance testing) show that overall, the Vloggi improvement was well received by users. Around 86% of the total respondents praised the improvements made. However, there are some minor details that need to be fixed, such as typos and responsiveness issues.

 

 

I am implementing continuous iterations to improve the details of the flow and each page, as well as responsiveness on mobile and tablet. This is done to ensure that all changes made are feasible and have the potential to generate improvements.

Results

"The Data Sent by the Vloggi Team Produced Conversion Data that Made Me Happy"

After conducting various tests on the design improvements, and obtaining satisfactory results, I created design documentation and transferred it to the Vloggi development team. One year after launch, I received positive feedback, including:

  • Customer satisfaction increased by 68%
  • Engagement and Efficiency increased 10X from previous levels
  • Monthly revenue increased to $19,000
  • Vloggi won the StartCon Pitch worth $1 million
  • Vloggi won the Fishburners Marketing Tech pitch competition
  • Vloggi is increasingly trusted as an UGV innovator by customers from global brand giants
  • Vloggi’s company value increased to A$2.35 million

 

 

I am proud to have contributed to the improvement of the Vloggi platform, which is now a leading player in the industry. My contribution is evidence that I have helped Vloggi achieve the desired improvements.

Contribution

"I Was Involved, and I Did It All"

A/B testing, Hand off, Hifi UI Design (Mockup), Lofi Prototyping, Prototyping and Interaction design, Stakeholder Insights and Discussions, UI Styleguide And Design systems, User Acceptance Testing, Userflow, Wireframe & flows
design_diary_thumbnail_teacupcottage

Crafting a Stronger Brand for Tea Cup Cottage

Tea Cup Cottage is a registered NDIS disability support provider in South East Queensland and Toowoomba. Founded by Alexandra Shaw in 2010, the organization was built from a personal experience of caring for a family member with a disability.

design_diary_thumbnail_creativehub

Support and Create an Inclusive Creative Ecosystem through Empowerment

The Creative Hub is an innovative platform born out of the need for an ecosystem in the creative industry that lacks sufficient support for sustainability. Recognizing the challenges faced by the creative community regarding limited access to resources, connectivity, and necessary opportunities, owner Simon Laughin holds a strong vision to create a space where individuals and groups within the creative industry can grow, learn, collaborate, and access meaningful opportunities.

design_diary_thumbnail_aimss

Empowering Users for Rapid and Effective Incident Reporting

Crashtag is an application designed to enhance data collection and understanding of incidents and injuries in motor sports. The application holds the potential to improve safety in motor sports for all involved parties.

design_diary_thumbnail_mycelium

Designing the Future of DeFi: Mycelium & Tracer DAO UX Journey

I started working with Mycelium alongside Jackson at JBuxd Studio, initially handling their website and deck design for the entire company.

design_diary_thumbnail_dollamur

The Customers and The Dollamur Team No Longer Miss Calculations for Mat Orders.

Dollamur, a leading manufacturer in the sports mat industry, faced significant challenges. The demand for large-sized mats not available in their standard catalog was a major issue they needed to address. Their customers often required custom-sized mats with designs tailored to their preferences.