MwareMusic

A music app on every platform, with playlists and podcasts, artist pages, lyrics, karaoke mode and auto-mix.

My role
Product Designer
Platforms
TV, Web, Mobile, Tablet
Category
Projects
TV home with playlists and podcasts

Overview

MwareMusic is a music streaming app available on every platform (TV, web, mobile and tablet): a home of playlists and podcasts, album and artist pages, and a player with lyrics, a karaoke mode and auto-mix, which blends one song into the next.

My role

Product Designer. I designed the app’s structure and the listening experience across platforms.

Design approach

  • Named actions instead of icons alone. The player puts karaoke, lyrics and tracks as labelled buttons next to the transport controls, which reads better from a sofa.
  • Karaoke as its own space. Karaoke mode clears the screen to the current line, with the sung words lit and the rest dimmed.
  • Confirm modes quietly. Turning auto-mix on shows a short notice explaining what it does, without stopping the music.
  • Every track has the same options. On TV and mobile the same set appears: play, karaoke, lyrics, add to playlist, download.
  • Artists and albums as hubs. Artist pages separate popular tracks, discography and “fans also like”.

Key responsibilities

  • Product design for the apps on every platform
  • Main and details pages for each content type
  • Player, lyrics and karaoke modes
  • Album, playlist and artist pages
  • Track options and library actions

TV

TV home with playlists and podcasts
Album page with episode search and sort
Track options: play, karaoke, lyrics, add to playlist, download
Artist page with popular tracks and discography tabs
Music video player with the next track
Auto-mix turned on, confirmed by a notice
Lyrics over the album page
Karaoke mode with the sung words highlighted

Mobile

Mobile home filtered to podcasts
Album page on mobile
Track options sheet
Artist page on mobile
Player with auto-mix on
Karaoke mode on mobile