VIVA RECORDS
VIVA RECORDS
KARAOKE & MUSIC PLATFORM
KARAOKE & MUSIC PLATFORM
App Design
App Design
My Role
My Role
UI/UX Designer
UI/UX Designer
Deliverables
Deliverables
Mobile & TV App
Mobile & TV App
Duration
Duration
4 Weeks
4 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
Project overview
Project overview
Viva Records is a leading Philippine music label under Viva Entertainment. This project explores the design of a unified digital ecosystem that brings together music streaming, music videos, and interactive karaoke experiences across mobile and TV platforms.
The goal is to extend Viva Records’ strong brand presence into a cohesive multi-platform experience that supports both personal and social music consumption, while accommodating different user types and subscription tiers.
Viva Records is a leading Philippine music label under Viva Entertainment. This project explores the design of a unified digital ecosystem that brings together music streaming, music videos, and interactive karaoke experiences across mobile and TV platforms.
The goal is to extend Viva Records’ strong brand presence into a cohesive multi-platform experience that supports both personal and social music consumption, while accommodating different user types and subscription tiers.
DEFINING THE PROBLEM
DEFINING THE PROBLEM
How can users seamlessly explore Viva Records across platforms?
How can users seamlessly explore Viva Records across platforms?
Despite Viva Records’ extensive music catalogue and strong brand presence, there is no unified digital platform that supports this experience. Content discovery and interaction vary across platforms, making the overall experience fragmented for users.
Despite Viva Records’ extensive music catalogue and strong brand presence, there is no unified digital platform that supports this experience. Content discovery and interaction vary across platforms, making the overall experience fragmented for users.
OBJECTIVE & GOALS
OBJECTIVE & GOALS
Unify platforms & enhance interactive music discovery
Unify platforms & enhance interactive music discovery
Design a cohesive experience across platforms
Intuitive karaoke interactions for both solo and group use
Improve content discovery and accessibility
Create a scalable foundation for future features such as live-streamed events and indie artist uploads
Design a cohesive experience across platforms
Intuitive karaoke interactions for both solo and group use
Improve content discovery and accessibility
Create a scalable foundation for future features such as live-streamed events and indie artist uploads
KEY SOLUTIONS
KEY SOLUTIONS
Concept and Design Focus
Concept and Design Focus
Unified Platform Journey
Unified Platform Journey
Designed mobile and TV flows to work together, especially for karaoke party mode where mobile acts as a controller and TV as the main display.
Designed mobile and TV flows to work together, especially for karaoke party mode where mobile acts as a controller and TV as the main display.
Role-based Experience Design
Role-based Experience Design
Differentiated UI behavior and access for public users, premium users, and business users to reflect real-world usage constraints.
Differentiated UI behavior and access for public users, premium users, and business users to reflect real-world usage constraints.
Scalable UI System
Scalable UI System
Reused and adapted existing Viva products' UI patterns where possible to ensure consistency and faster iteration.
Reused and adapted existing Viva products' UI patterns where possible to ensure consistency and faster iteration.
Introducing
Introducing
VIVA RECORDS
VIVA RECORDS
Highlights featured releases, music categories, and quick action to practice and party karaoke features.
All New Experience
Create or manage a shared Party List on mobile app and play on TV
Party Mode
Sing along with on-screen lyrics that highlight in real time.
Practice Mode
After unifying the platform experience, the search page enables seamless discovery of songs, albums, playlists and artists in one place, eliminating fragmented browsing.
Improve content discovery and accessibility
SEARCH
A centralized library that brings together saved songs, albums, playlists, artists and build their own playlist, providing users quick access to their favourited content in one place.
Favourites in one place, easy to access anytime
MY LIBRARY
Music Player
Artist Detail Page
Playlist Detail Page
Explore playlists curated by Viva or from own playlists, dive into each track anytime
Control playback seamlessly with easy access to karaoke and music videos
Discover artists' songs, albums, and playlists, giving artists greater visibility
TV Player
Sing Together on TV
Take the karaoke party to the big screen and enjoy playback when songs are queued in Party List.
Time to get the karaoke party rolling and sing along with real-time highlighted lyrics!
Thanks for Watching!
Update in progress…
For the best experience, please visit this site on a desktop or laptop. Sorry for the inconvenience caused!
Viva Movie Box
:)
Next
Viva Movie Box
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.