MCFLY TV – Building a Digital Content Platform for Filipino SMEs and Professionals

A strategic design and product development initiative enabling creators to build their own channels, upload content, host workshops, and monetize directly.

Role

Product Owner & Lead Designer

Industry

Content and Marketing

Duration

2020 - Present

Platforms: Web App (Desktop & Mobile Responsive), Native Mobile (Phase 2)

Objective:

To design and launch a creator-focused platform that offers an alternative to YouTube and Facebook by:

Allowing creators to own their content and channels.
Enabling video uploads, live workshops, and premium events.
Integrating direct payment options for monetization.
Providing an intuitive, visually appealing, and scalable interface.

Strategic Goals

Empower Creators – Give them full control over branding, monetization, and distribution.
Create Differentiation – Position MCFLY TV as a premium, creator-owned alternative to ad-driven platforms.
Deliver a Seamless User Experience – Minimize friction for both creators and viewers.
Support Sustainable Monetization – Enable creators to earn via subscriptions, pay-per-view, and workshop ticket sales.

Key Challenges

Competing with the familiarity and convenience of YouTube/Facebook.
Ensuring the platform is easy to use for non-technical creators.
Balancing content discovery for viewers with customization control for creators.
Integrating secure payment processing and subscription management.

Platforms: Web App (Desktop & Mobile Responsive), Native Mobile (Phase 2)

Objective:

To design and launch a creator-focused platform that offers an alternative to YouTube and Facebook by:

Allowing creators to own their content and channels.
Enabling video uploads, live workshops, and premium events.
Integrating direct payment options for monetization.
Providing an intuitive, visually appealing, and scalable interface.

Strategic Goals

Empower Creators – Give them full control over branding, monetization, and distribution.
Create Differentiation – Position MCFLY TV as a premium, creator-owned alternative to ad-driven platforms.
Deliver a Seamless User Experience – Minimize friction for both creators and viewers.
Support Sustainable Monetization – Enable creators to earn via subscriptions, pay-per-view, and workshop ticket sales.

Key Challenges

Competing with the familiarity and convenience of YouTube/Facebook.
Ensuring the platform is easy to use for non-technical creators.
Balancing content discovery for viewers with customization control for creators.
Integrating secure payment processing and subscription management.

Product Strategy

Market & Competitor Research

Analysed creator pain points with YouTube/Facebook (monetization, algorithm visibility, content ownership).
Studied Patreon, Vimeo OTT, Kajabi, and Teachable for monetization workflows.
Identified core feature set for MVP based on creator interviews.

Feature Prioritization (MVP)

Creator Features

Channel creation & customization (logo, banner, description).
Video & workshop uploads.
Live streaming (Phase 2).
Pricing controls (free, one-time, or subscription-based).

Viewer Features

Browse & discover channels.
Purchase or subscribe to content/workshops.
Secure payment processing.

Admin & Platform Features

Payment processing & payouts.
Analytics dashboard for creators.
Content moderation tools.

UX/UI Design Process

User Flows

Creator Onboarding Flow – Quick channel creation, payment account setup, first upload.
Viewer Journey Flow – Content discovery → purchase/subscription → viewing experience.

Wireframes & Prototyping

Low-fidelity wireframes to validate navigation structure.
Mid/high-fidelity clickable prototypes for usability testing.

UI Design Principles

Minimal, clean layouts to keep focus on content.
Creator branding takes priority on their channel pages.
Consistent design system for scalability (colors, typography, components).
Accessible color contrasts and clear typography for all audiences.

Asset Creation

As Lead Designer, I developed a comprehensive design and brand toolkit for MCFLY TV:

Logo & Brand Identity – Modern, bold typography and a dynamic color palette.
Icon Set – Custom icons for content types (video, workshop, live, premium).
Thumbnail Templates – For creators to maintain consistent branding.
Workshop & Event Templates – Ready-to-use layouts for live and recorded events.
UI Component Library – Buttons, navigation bars, cards, modals, and form components in Figma.

Final Experience

Creator Dashboard

Upload and manage videos.
Create workshops with ticketing.
Monitor revenue and analytics.

Viewer Experience

Explore trending channels.
Purchase and access premium content.
Attend workshops live or on-demand.

Payment Integration

Integrated Stripe for payouts.
Supports multiple payment models (one-time, subscription).

Final Experience

Creator Dashboard

Upload and manage videos.
Create workshops with ticketing.
Monitor revenue and analytics.

Viewer Experience

Explore trending channels.
Purchase and access premium content.
Attend workshops live or on-demand.

Payment Integration

Integrated Stripe for payouts.
Supports multiple payment models (one-time, subscription).

Other projects

Metrobank - Core Banking Systems

A customer management and back-office platform for banking operations, enabling secure client profiling, transaction monitoring, and workflow automation across compliance, support, and account servicing teams.

Yes Credit - Reimagining Microfinance in the Philippines

Creating a convenient, transparent and usable online loans service for Filipinos

EVO – Fully Digital Financial Service Onboarding & Verification Flow

Designing a seamless, secure, and user-friendly onboarding experience for a digital-first bank.

B Tuban

B Tuban

B Tuban