Momentum

In the music production world there are two ways to make music without the expense of a recording studio: loop samples and digital instruments. Digital instruments have come a long way over the last decade but their loop sample counterparts haven't enjoyed the same leaps in innovation.

Loop samples are often regarded as a repetitive hassle or a cheap band-aid in the community due to the friction associated with working with them. This friction is caused by the lack of discoverability, cost of acquiring unique sound samples, and the cumbersome workarounds needed to tweak each loop to fit your music piece.

How might we eliminate the friction associated with working with loop samples and create a flexible workflow in a digital platform?


Promo Video

Momentum is the next generation of Music Loop Software. This plugin is a powerful loop transformation platform that allows you to slice, stretch, change the key, rearrange, and compose from multiple samples and sources, as well as find that perfect one-shot inside your loop.

It gives users access to Big Fish Audio’s world-famous loop libraries right inside the plugin. Ranging from Hip-Hop beats to Symphony Orchestra sections, the loop libraries contain hundreds of sound files that "just work" with each other and are meant to inspire your next project.

Unlike other loop platforms, Momentum is completely free and doesn’t have any subscription fees.

Momentum Mixer and E-Commerce Screen

User Journey

The workflow for working with samples is very similar across audio engineering creative industry. Users that specialize in composing original music and or producing a client's track use samples (loops or one-shots) in their digital audio workstations. Although they treat the samples differently to achieve specific outcomes, the workflow is near identical.

Momentum User Journey Diagram

Very quickly we honed in on 2 primary pain points.

Static sound assets (loops and one-shots) are hard to dynamically manipulate. Users can't easily manipulate them with either modern hardware OR software. A traditional take on e-commerce isn't working for pro and semi-pro users that may purchase two or three loop packages (around $100 USD each) per project. Context switching is costly for users especially with a fragmented shopping experience. So, in addition to creating a tool that allowed loop library samples to be easily used in compositions, we needed to create a platform where our users don't have to browse endless websites or rummage through their hard drives.

By including the e-commerce gateway inside the app, this allowed musicians to instantly audition tens of thousands of sample libraries from Big Fish Audio's catalogue. It added massive value to the pro and semi-pro user segments by cutting down the amount of time required to discover these sounds and offered a faster path to purchase.

The decision to offer Momentum for free reduced the barrier to user adoption. Each download came with a massive 1.8GB sample loop pack with the featured preset sound kits. In addition to the Big Fish Audio store, users can add any sound file from their existing and personal collection of sounds in to the Momentum Sound Engine, thus disrupting how samples are used in music compositions.

The end result? A powerful tool that pro and semi-pro users can use to easily access inspirational sound packs and improve their productivity tenfold.

Momentum is disrupting the music production landscape by centralizing loop library workflows onto one platform.

Momentum being used on a computer

Momentum UI Anatomy

Momentum is made of three main sections: the Library, Mixer, and Slice views.

Momentum UI Anatomy

Library & Store View

Users enjoyed having the Library visible with the Mixer and Slice views. It solved the issue of rummaging though online shops or hard drives in an elegant way that puts their music project at the centre of the shopping experience. Users finally have full context when auditioning sounds already in their library.

The Store and Library share a similar UI language and layout, making the users feel comfortable while exploring Big Fish Audio's catalogue and encouraging exploration. Using cues from mobile catalogue design made these sections easy to navigate and optimized for the shopping experience.

Momentum Mixer and E-Commerce Screen E-commerce and Library Page Variations

Mix View

Vendors in Big Fish Audio's store can ship presets along with their sound samples that work with the users music keyboard inputs (MIDI).

This drag and drop UI flattens the learning curve and helps users create music fast with existing products from Big Fish Audio's offerings, compatible vendors, and custom kits.

The global effect drawer lets the user add colour to the kits without leaving the app.

Momentum Mixer and E-Commerce Screen

Slice View

The slice view is the most powerful part of the Momentum Sound Engine.

This is where the user can adjust how the Momentum sound engine interprets the sound file (how it loops, the speed, and key). This minimizes the massive amount of manual labour required in the traditional process of working with loop libraries.

The effect view adds colour to the sound file as well as on-the-fly adjustments per "slice", which aligns to the beat of the song. The user can have up to 8 effects active at a time per sample. Each effect has up to 3 modulatable effects as shown with the blue, red, and yellow tabs. The user can simply draw a pattern as a bar chart in each slice. The pattern can be copied to make a sequence ro be completely random.

Momentum Slice View Different effect level per slice

Visual Language

Bold typography contrasted against bright colours creates hierarchy with an emphasis on legibility and navigation.

Dark blur/frost and subtle line work divides each region of the UI to maximize space.

Textures allude to the familiar look of music keyboards and other matte black and glass music hardware while keeping a flat material design aesthetic and philosophy.

Iconography

Audio production specific icons tie the experience together. Each icon creates a visual metaphor of the produced sound using thin crisp line work to match the visual rhythm you hear. Momentum icons

Building a visual language, users can quickly identify related effects. This communicates to pro and semi-pro users in a concise and fun way. The graphic below uses a constellation pattern to illustrate how each effect is connected.

Momentum icons visualized as a constellation

Product Walk Though


Contributions

¶ UX Research ¶ UX Design ¶ UI Design ¶ Creative Direction ¶ Logo and Branding

Project Link

See More


In the music production world there are two ways to make music without the expense of a recording studio: loop samples and digital instruments. Digital instruments have come a long way over the last decade but their loop sample counterparts haven't enjoyed the same leaps in innovation. Loop samples are often regarded as a repetitive hassle or a cheap band-aid in the community due to the friction associated with working with them. This friction is caused by the lack of discoverability, cost of acquiring unique sound samples, and the cumbersome workarounds needed to tweak each loop to fit your music piece. How might we eliminate the friction associated with working with loop samples and create a flexible workflow in a digital platform?
The modern‑day horn section, various combos of sax, trumpet, trombone and other brass or reeds, forms a crucial and distinctive part of the sound of big band, soul, funk and ska. Think Benny Goodman, Birth Of The Cool, James Brown's JB Horns, Tower Of Power, or Steely Dan/Don Fagen. Hardware workstations frequently fail miserably with horns and their various specialized playing techniques, and even dedicated sample libraries sometimes only scrape the surface. Mojo2 was designed from the ground up to give the flexibility of many horn techniques to the composer as they create their track. The UI is clean, simple and feature packed giving the user 4 different eras to choose from at the highest level with the ability to dive deep to settings down to room mic positions.
This top-rated sound design interface marries the music industry's traditional vintage analog look with a modern UI experience. By mixing textures, lighting effects, and line work, Apollo visually evokes the familiarity of a guitar amp with flat design to create a truly unique experience.
I was approached in 2016 to rebrand the Centre for International Governance Innovation's (CIGI) website. CIGI is a Canadian non-partisan privately funded think tank. Their research, opinions, and public voice strives to make a difference by bringing clarity and innovative thinking to global policy making. Since the beginning, CIGI's publishing platform was driven by their researchers and board members needs. Due to the stakeholders' divergent directions and needs, their online presence became a collection of inconsistent microsites over time. The goal of this project is to better communicate what CIGI is to the public at large and simplify their publishing platform to increase readership, article discoverability and long term scalability.
KORG iWaveStation is an authentic reproduction of the original 90s device that was used by artists such as Michael Jackson, Phil Collins, and Depeche Mode. The WaveStation was the first to feature an advanced vector synthesis system that created new sounds by combining multiple waveforms. To this day it's still considered a legendary and unique instrument. This project was a dream come true. With KORG being the leading brand in music technology, it's the equivalent of being asked to reimagine the original Porsche 911 for the 21st century.
Fluid Harmonics is a triple play instrument featuring a sound bank of 30 guitars. The digital synth's three arpeggiators move in sync to create a fluid sound. This is graphically supported by the pick shaped knobs that visually fill with rolling water based on intensity.
In 2017, a team of proud Canadian volunteers including myself, digitized our country's founding documents in celebration of Canada's 150th anniversary.
Date Search
(1)

npm package to search time series data

binary-search module npm time-series time-series-analysis typescript nodejs
Flutter For Web Deploy Script
(8)

🦋 Flutter for web production build script. Build Flutter beta channel inside your deploy pipeline.

flutter web devops pipeline netlify beta build bash-script
Vue 2 Img
(17)

An easy way to convert HTML sections and charts to JPG, PNG or PDF files for download or base64 encoding.

npm-package pdf-generation html5-canvas image-converter html-converter vuejs-plugin
Vuejs Typography Filters
(3)

WIP A collection of typography Vue.JS filters to control your type and own your layout!

vuejs filters typeography layout vue2
Mockup Maker
(1)

A tool to set up video screen captures on a device mockup with Python.

Autoyeai.com
(22)

A tensorflowJS Kanye West lyrics generator and data ingestion pipeline.

tensorflowjs react styled-components webscraping netlify webworkers tensorflow

How to evaluate the potential of a startup idea by understanding your Serviceable Obtainable Market, the Venn diagram of opportunity.

Putting UX at the heart of user-centric SQL schema data modeling

Here’s what I learned about Web Workers.

COIVD has forced us to stop using in-person UX research. Here are some tried and true methods we’re keeping after the lockdowns lift.

Have you ever wanted to turn your iPad or iPhone app into a website? Flutter can do that now and this script can help you share your product with the world in an easy way.

Let's Connect

© 2023 Frank Flitton