Viblo: Elevating User Experience into a Premium Digital Product

How I refined the visual language and simplified complex workflows to reach a high-tier market

Viblo is a cutting-edge AI platform designed to help creators turn ideas and scripts into high-quality, viral short-form videos in seconds. I led the complete redesign of the Viblo ecosystem, covering the marketing website and the core web application. The goal was to transform a high-tech AI utility into a premium, user-friendly SaaS product that attracts professional digital entrepreneurs and builds immediate authority in the market.

CLIENT

Viblo

CLIENT

Viblo

Role

UI UX Design Lead

Role

UI UX Design Lead

Service

Product UI UX Design

Service

Product UI UX Design

YEAR

2026

YEAR

2026

Challenges

Challenges

Bridging the Trust Gap through Design

Despite having powerful AI technology, the original version of Viblo struggled to convert professional creators. We identified three main barriers.

Low Perceived Value: The interface lacked a premium feel, looking like an unpolished utility rather than a professional creative suite.
Systemic Inconsistency: Components were mismatched across different pages. This fragmented UI made the platform feel unreliable and difficult to navigate
Unclear visual hierarchy, the interface felt overwhelming, making the powerful technology seem difficult to use for everyday creators.

Solutions

Solutions

A Dual-Theme System Built for Professional Workflow

I focused on creating a design that feels authoritative and reliable, transforming the platform into a proper tool that creators can trust with their content strategy.

Flexible Visual Identity: I designed a comprehensive dual-theme system (Light and Dark mode) to give users flexibility. This ensures the tool feels professional in any environment, whether it is a high-focus office setting or a late-night editing session.
Tokenized Design System: To solve the inconsistency issues, I built a scalable design system powered by organized color tokens. This ensures that every component and style remains perfectly aligned across both themes, making future updates seamless and fast.
Intentional Visual Hierarchy: I stripped away the noise and redesigned the core video generation flow. By focusing on a clean, structured layout, I made the complex AI engine feel intuitive, allowing users to move from script to video with zero confusion.

Landing Page

Landing Page

The Digital Storefront: Converting Trust into Authority

I redesigned the landing page to serve as a high-conversion gateway that establishes immediate brand authority. By merging a "SaaS-premium" aesthetic with a strategic visual narrative, I transformed the landing page from a simple utility into a professional storefront. Every section is intentionally crafted to reduce friction, using generous white space and a precise visual hierarchy to lead professional creators toward the call to action. The result is a seamless experience that balances sophisticated design with clear, conversion-driven communication.

Key Features

Key Features

Where Power Meets Simplicity

The core of the Viblo experience is a sophisticated dashboard that centralizes nine advanced AI features into one intuitive workspace. My goal was to hide the technical complexity behind a "Studio-Grade" interface that feels both powerful and approachable. By standardizing the interaction patterns across every tool, I ensured that users can switch from Text Story creation to Video Commentary without a learning curve. The result is a high-performance environment that empowers creators to produce viral content at scale while maintaining a calm, premium user experience.

Impact

Impact

From Experimental Utility to Market-Ready SaaS

The redesign successfully elevated Viblo from an unpolished tool to a premium product. By fixing the visual debt and the fragmented UX, we saw a direct shift in how users perceived the platform.

Enhanced Professional Trust: The unified, premium aesthetic immediately improved user confidence. The platform now looks and feels like a top-tier creative suite, matching the high-quality AI videos it produces.
Flawless Component Scaling: With the new tokenized design system, the engineering team can now deploy new features twice as fast without breaking the visual consistency of the app.
Improved User Retention: The flexibility of the dual-theme system and the simplified workflow led to a more comfortable user experience, encouraging creators to integrate the tool into their daily production habits.

What Client Said

What Client Said

Arwin Popal

Founder Viblo

Rizqi delivered a perfect solid work on our platform. He didn't just give us a new look; he gave us a scalable system that fixed all our inconsistencies. The dual-theme setup is sick good and has completely changed how our users perceive the product's value

Create a free website with Framer, the website builder loved by startups, designers and agencies.