- mood media -

harmony music app

Mood Media is an international company that provides various services including music, digital signage, hold music, on-hold messaging, scent, integrated audio, visuals, and interactive marketing products.

In response to customer suggestions, Mood aimed to develop a unified system for handling audio and video. They wanted a system that would offer more choices and control over the music while being as flexible as their digital signage system. The outcome was Mood Harmony, a powerful platform for managing all media within a store.

Harmony-mobile.png

How I contributed

my role

  • Lead Designer

  • Information Architecture

  • UX, UI, Visual & Interaction Design

  • Prototype

  • Marketing assets

  • Development Handoff

  • User Testing

  • Design Updates

  • Product Style Guide

  • CMS Application Icon

collaboration

  • Sales

  • Engineering

  • Product

  • Marketing

  • Customer Service

  • Music

  • QA

year

2018-2020

overview

Harmony Music is a user-friendly mobile app that allows clients to control the music in their stores. With over 160 pre-made music programs and tools for creating custom mixes, clients can easily manage their in-store music. The app also allows users to adjust the tempo and mood of the mixes, and schedule them for different locations. Additionally, clients can monitor the status of media players on their network.

the problem

Mood Media had a music management tool called Mood Mix; however, it had limited capabilities and features for Mood’s SMB clients, did not support the needs of Mood’s Enterprise clients, the interface was outdated and was not mobile friendly.

The Solution

Create a new web-based, mobile-friendly music application which allows users to manage their in-store music through multiple programming options and scheduling - provides functionality for Mood’s SMB and Enterprise clients.

The process

  • Information architecture

  • Wireframe concepts

  • High-fidelity designs

  • Design iterations

  • Post-release updates

key drivers

Look & Feel

An attractive, intuitive, user interface using a dark color scheme, featuring music program artwork.

User experience

Ability to easily create playlists, schedule and manage in-store music with a mobile-first approach and quick load times.

smb & enterprise features

Provide features for both SMB and Enterprise clients to manage and schedule music across one or multiple locations.

sketches & wireframes

Worked with Mood’s product and engineering teams to define the architecture of the product and establish user flows and user scenarios based on user research.

Sketched and outlined concepts - created wireframes for all screens with a mobile-first approach featuring use cases with single and multiple locations. Wireframes included design and functionality features based on requirements and limitations outlined by the product and development teams. Also created an interactive wireframe prototype to establish user experience.

Ideas to action: design build

Wireframes were adjusted based on feedback from various teams then converted into high-fidelity Mood branded mocks for both mobile and desktop.

Design went through a few rounds of iterations and prototypes during different phases of the product build based on user and stakeholder feedback.

Responsible for design updates, prototypes, product style guide, formatting of assets, developer handoff, user testing, design of CMS application icon and feature graphics and animations for marketing.

main product features

The initial project scope included additional features as future updates, others were also added based on client feedback. These additional features were integrated through a multi-team collaboration and released across different sets of updates. Responsible for updating the user flows and design to meet the requirements for each release and documented for the product and engineering teams.

Manage and browse curated music programs, manage custom music and playlists, create a mix or adjust an existing mix

music library

sites

View player/device connectivity across multiple locations, view device details, view current and recent playback at any selected location and the ability to select an alternate playlist or revert playback to a site’s default playlist

Ability to bypass scheduled music and play content directly from Music Library with the option to re-enable scheduled playback

play now

playlists

Manage multiple schedules, target music slots to specific locations, change default playlists and manage devices tuned to selected playlist

Create or edit mixes through the use of elements and adjust mix by mood or element blend. Mood adjustments include tempo, happy, angry, tender, sensual - Element blend includes the ability to adjust the weight of each element within the mix

mixes

stations

Ability to create a station through the use of seeds (artist or song) - user can search and add up to 5 seeds to a station, station will play music based on selected seeds

View and search blocked songs and artists and add or remove songs and artists

block list

player control

View current playback, adjust playback volume, skip song, block currently playing and view previously played songs, player status and device details

Adjust and manage user permissions from the user account menu

user settings

message library

Originally part of the project scope, Messaging was incorporated to manage overhead messages, upload messages, adjust in-store message volume, create and edit message schedules for single and multiple locations - this feature was later removed and created as a separate Messaging web-based app within Mood’s CMS.

cms app icon

Harmony Music is accessed through the main app selection screen within Mood’s CMS, Harmony; therefore, an app icon had to be created. This icon was custom created for both light and dark mode, following the same style as all other Harmony app icons. 

Dark Mode
Light Mode

post-mortem

This was a long project with a lot of cross-functional collaboration across teams and countries. I had to create a lot of wireframes and prototypes based on several different flows and scenarios before transitioning into high fidelity. Unfortunately due to licensing issues and our database, we were unable to incorporate album artwork that directly corresponded to each song. Because of this, I had to use our internal mix artwork, reformat and reduce the size of each. Overall it was great to see the final product and how everything came together - it was a vast improvement over the prior Mood Mix app.

UX/UI Designer, Visuals for marketing, Prototypes, Album artwork reformatting: Corinne Miller | Business Analyst: Bogdan Raduta | Product Manager: Ben Mabe | Engineering: Romanian Team

metlife →

Ferrari →