Korg iWavestation iOS

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.


Promo Video

The iWavestation design places an emphasis on manipulating multi-dimensional sound sequences in real time and creating based on discovery.

Working with an agile international team based out of Tokyo and San Francisco we prototyped and tested the app to deliver a very intuitive and fun user experience. It is a faithful reproduction of the original Wavestation sound: In addition to providing the sounds from all the memory cards for the Wavestation, the new iWavestation also reproduces every detail of the parameters, based on an analysis of the original hardware circuit diagram.

Home page Wave sequencer

Wave Sequencer

In the Wavestation sound engine, there are four lanes: A, B, C, and D. Each step of a lane can play a new sound, have a different volume, pitch, and so on. This complexity is unpacked and all the lanes can be seen and modified in real time to understand what is happening in the performance.

The wave sequencer creates an emphasis on creating sound sequences. New sounds are produced by dragging a finger along the screen. Composers can play and discover new soundscapes or fine tune a performance with ease.

Touch wave sequencer

Hardware Controls

The defining characteristic of the Wavestation is the vector joystick. It allows for realtime blending of all four wave sequences. Including a faithful recreation of the vector joystick was essential for recreating the experience of the original hardware.

An additional KAOSS Pad, another popular Korg product line, was added on this screen for quick live effects.

Along the margins there are displays that show what behavior is tied to each axis as well as the ability to change them quickly for an expressive performance.

Recreation of classic hardware controls Vector joystick: the defining Wavestation feature

Vector Morph Editor

The morph editor serves as a dashboard to control automation and base parameters. In the Wavestate automation happens overtime per keyboard key press or accumulatively.

The main feature is controlling how the four layers can blend using the four corners of the vector joystick to set the volume. This movement has the option to be synced to a metronome and looped.

Understanding the randomization and setting automation over time is essential for advanced users to make new performances and get the most out of the Wavestation sound engine.

Recreation of classic hardware controls

Effect Chains

This screen is based on original circuit diagram to help the user understand the signal flow. The layers in the Wavestation sound engine can be routed like a telephone switchboard to make unique soundscapes.

The four lanes can be grouped together when applying coloring and mixed back together at different points as the signals are processed. For example, two different size of reverb can be applied to sequences A & B than C & D.

Modulation sources and intensity to the effects (eg. using the vector joystick to also set the size of the reverb effect) can be controlled per layer as well.

Effect chain routing

Waveform Editor

The waveform editor is used with the wave sequence editor on the main page for next-level results. As new sounds get played in each step, the user can set how those steps transition. This screen offers granular control for cross fading between level, pitch crass-fades. The user can also specify if the waveform pattern length and looping behavior.

Waveform editor controls playback behavior per step

Presets Cards

Like any good Japanese invention of the early 90s, there were a wide collection of additional programs available on memory cards. Gotta collect them all!

A faithful recreation of the ROM cards are used to organize presets into collections. Their bright pastel colors were the inspiration for the wave sequence editor on the home page of the app. Expandable effect cards

iPhone Layouts

This app is best used on an iPad with a larger screen, where all four wave sequencing lanes can be observed at once, but we made the decision to make the app available on iPhones as well since most users owned both devices. The layouts were simplified for making fast edits and modified to support holding a device.

iPhone Wave Sequencer

iPhone Wave Sequencer

iPhone Hardware Controls

iPhone Hardware Controls

iPhone Waveform Editor

iPhone Waveform Editor

iPhone Preset

iPhone Sound Bank and Presets

Korg Gadget Platform

A mini version of the iPhone screen was created for Korg's Gadget platform. Gadget is a music composition platform for iOS where the user can use the iWavestation with other Korg music synthesizers to make some music.

This stripped down UI places clear emphasis on loading presets sound banks and making quick edits opposed to a live performance. Korg Gadget platform integration


Contributions

¶ UX Research ¶ UX Design ¶ UI Design ¶ Creative Direction ¶ 3D Modeling

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.
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.
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
Vue 2 Img
(5)

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
Flutter For Web Deploy Script
(4)

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

flutter web devops pipeline netlify beta build bash-script
Mockup Maker

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

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.