VIVA MOVIE BOX
VIVA MOVIE BOX
MICRODRAMA PLATFORM
MICRODRAMA PLATFORM
App Design
App Design
My Role
My Role
UI/UX Designer
UI/UX Designer
Deliverable
Deliverable
Mobile App
Mobile App
Duration
Duration
2 Weeks
2 Weeks
Tool Used
Tool Used
Figma
Figma
What did I do?
What did I do?
User Research
User Research
Competitor Analysis
Competitor Analysis
Wireframing
Wireframing
High Fidelity Designs
High Fidelity Designs
Prototyping
Prototyping
Project overview
Project overview
Viva Movie Box (VMB) is a mobile-first vertical streaming platform designed to deliver short‑form microdramas and series content optimized for quick, on‑the‑go viewing on smartphones.
The platform features original Filipino stories formatted in bite‑sized episodes across genres like romance, family drama, and adult content. It is a strategic expansion of Viva’s entertainment ecosystem alongside existing services like VMX and Viva One.
Viva Movie Box (VMB) is a mobile-first vertical streaming platform designed to deliver short‑form microdramas and series content optimized for quick, on‑the‑go viewing on smartphones.
The platform features original Filipino stories formatted in bite‑sized episodes across genres like romance, family drama, and adult content. It is a strategic expansion of Viva’s entertainment ecosystem alongside existing services like VMX and Viva One.
DEFINING THE PROBLEM
DEFINING THE PROBLEM
How can Viva engage mobile audiences and fits modern viewing patterns?
How can Viva engage mobile audiences and fits modern viewing patterns?
Traditional long format content was not fully aligned with the consumption habits of younger, mobile‑centric audiences, who prefer short and engaging videos on the go. There was a need for a new format and platform that fits modern viewing patterns and vertical video consumption similar to social media micro‑content, and that keeps audiences engaged without requiring long viewing sessions.
Traditional long format content was not fully aligned with the consumption habits of younger, mobile‑centric audiences, who prefer short and engaging videos on the go. There was a need for a new format and platform that fits modern viewing patterns and vertical video consumption similar to social media micro‑content, and that keeps audiences engaged without requiring long viewing sessions.
OBJECTIVE & GOALS
OBJECTIVE & GOALS
Meets the evolving preferences of mobile audiences with bite-sized content
Meets the evolving preferences of mobile audiences with bite-sized content
Optimize storytelling for mobile vertical screens to match how modern viewers consume video content.
Increase engagement through bite‑sized episodes that encourage frequent return visits.
Build a loyal user base with flexible subscription options.
Showcase Filipino storytelling and talent in new formats.
Mirror the success with both VMX and Viva One in the microdrama space.
Optimize storytelling for mobile vertical screens to match how modern viewers consume video content.
Increase engagement through bite‑sized episodes that encourage frequent return visits.
Build a loyal user base with flexible subscription options.
Showcase Filipino storytelling and talent in new formats.
Mirror the success with both VMX and Viva One in the microdrama space.
KEY SOLUTIONS
KEY SOLUTIONS
Concept and Design Focus
Concept and Design Focus
Mobile-Centric Design
Mobile-Centric Design
Prioritises vertical storytelling designed for a mobile-first experience that fits into daily micro-moments.
Prioritises vertical storytelling designed for a mobile-first experience that fits into daily micro-moments.
User Engagement
User Engagement
Structured microdramas encourage continuous engagement through frequent releases, cliffhangers, and narrative hooks.
Structured microdramas encourage continuous engagement through frequent releases, cliffhangers, and narrative hooks.
Flexible Monetization Model
Flexible Monetization Model
Enjoy initial episodes for free and unlock future content through affordable options such as monthly subscriptions or pay-per-episode using in-app coins.
Enjoy initial episodes for free and unlock future content through affordable options such as monthly subscriptions or pay-per-episode using in-app coins.
Introducing
Introducing
VIVA MOVIE BOX
VIVA MOVIE BOX
Serves as the primary entry point, showcasing featured micro-dramas, must watch series, popular artistes and recommended episodes. It helps users quickly discover what’s on the trend, making it easy to start watching without extensive browsing.
Discover the home of Pinoy microdramas
HOME
Personalised recommendations based on user’s viewing behaviour and preferences, helping them to discover new series and episodes without the endless scrolling.
Curates content recommendations tailored to viewing habits
FOR YOU
Unlock New Episode
Episode Preview
Allows users to start watching the initial episodes for free and future episodes can be unlocked through subscriptions or pay-per-episode.
Watch freely, unlock seamlessly
UNLOCK EPISODE FLOW
Select Episode
Allows users to save favourite series and episodes for later viewing, enabling users to easily resume content and manage their saved titles without searching again.
Personal collection of bookmarked content
MY LIST
Access to account details, subscription and coin wallet. It also allows users to review viewing history and manage settings, giving them full control over their experience
Account management
PROFILE
Player Controls
Default
Controls are designed to be easily accessible yet unobtrusive, allowing viewers to engage, adjust playback, or share moments seamlessly
The playback experience
VIDEO PLAYER UI
Idle State
Settings
Comments
Share
Thanks for Watching!
:)
Say Hello 👋
If you have scrolled this far, we might as well say hello! Feel free to reach out if you would like to discuss role or learn more about my work.
Say Hello 👋
If you have scrolled this far, we might as well say hello! Feel free to reach out if you would like to discuss role or learn more about my work.