<NEBULA

/>

COMPLEX SYSTEM

ORCHESTRATING A VIRTUAL AUDIO MIXER FOR A COMPLEX AUDIO SYSTEM ON DESKTOP PC.

TIMELINE

SUMMER 2021

MEMBERS

JEREMY CHANG

TECHNOLOGIES

FIGMA

ILLUSTRATOR

AFTER EFFECTS

SKILLS

PRODUCT DESIGN

UIUX DESIGN

DESIGN SYSTEM

BRAND DESIGN

MARKET RESEARCH

SYSTEM DESIGN

THE EXPERIENCE

DESIGN SYSTEM

RESEARCH

PROTOTYPE & TEST

MARKET RESEARCH

<

ANGINE SEEKS TO OPTIMIZE AUDIO SETTINGS FOR A HOME STUDIO.

/>

A hero shot of the final Angine software on a monitor

<

SOLVING THE PROBLEM ON A SYSTEMATIC LEVEL.

/>

AFTER SEVERAL TESTS AND YEARS OF DEALING WITH TERRIBLE AUDIO SYSTEMS, I IDENTIFIED SOME GLARING FLAWS. WHILE THE SHORTCOMINGS MAY NOT AFFECT ORDINARY USERS, THEY ARE DETRIMENTAL TO POWER USERS LIKE ME. ON A TRADITIONAL AUDIOSYSTEM FOR MOST PC, USERS ONLY GET ONE INPUT AND OUTPUT OPTION, WHICH CAUSES MANY CONFLICTS WITH DEVICE COMPATIBILITY, MISSING DEVICES, AND LITTLE TO NO CUSTOMIZATION.

A diagram showing the current system and the limitation

<

BREAKING UP THE SYSTEM INTO INDIVIDUAL TRACKS.

/>

TO CREATE A MORE SEAMLESS SYSTEM, I TOOK INSPIRATION FROM PHYSICAL MIXERS AND DAW (DIGITAL AUDIO WORKSTATION) TO TACKLE THE LIMITATIONS. AS DAW OFFER TRACKS FOR PRODUCERS TO MIX DIFFERENT INSTRUMENTS, ANGINE MIRRORED THIS INTERACTION TO MAKE SOMETHING SIMILAR THAT CAN ROUTE DEVICES AND SOURCES.

A diagram showing the improved system on Angine to free up the flexibility to customize

SYSTEM DESIGN

THE EXPERIENCE

DESIGN SYSTEM

RESEARCH

PROTOTYPE & TEST

MARKET RESEARCH

WITH THIS SYSTEM IMPLEMENTED, USERS CAN ROUTE AUDIO SOURCES TO INDIVIDUAL OUTPUT DEVICES AND PROGRAM THE INPUT DEVICES TO WORK ON SPECIFIC APPLICATIONS. FURTHERMORE, USERS CAN CONTROL THE SETTINGS FOR EACH DEVICE, SUCH AS VOLUME, MUTING, PANNING, ETC.

<

CUSTOMIZED TO THE USER’S PREFERENCES.

/>

ANGINE OFFERS ORGANIZATIONAL TOOLS FOR USERS TO CUSTOMIZE THEIR SYSTEMS TO SUIT THEIR PREFERENCES AND NEEDS. LIKE MANY DAWS, USERS CAN FREELY RENAME, REORDER, AND COLOR CODE THE TRACKS. USERS CAN DRAG ROUTING LINES WITH INDIVIDUAL TRACKS TO LINK AUDIO DEVICES WITH APPLICATIONS, PROVIDING USERS FREE RANGE TO ADJUST AND MAKE CHANGES.

SYSTEM DESIGN

THE EXPERIENCE

DESIGN SYSTEM

RESEARCH

PROTOTYPE & TEST

MARKET RESEARCH

<

DOCUMENTING AN EXTENSIVE DESIGN SYSTEM.

/>

TO MAINTAIN A COMPLEX SYSTEM, BUILDING A DESIGN SYSTEM CAN ENSURE THAT CURRENT AND FUTURE DESIGNS STAY CONSISTENT. IT CHELPS AVOID PROBLEMS EARLY AND SETS A STANDARD FOR THE SYSTEM.

A collage of the Angine's UI component

FOR ANGINE, IT WAS ESPECIALLY TRICKY AS IT ALLOWED THE USERS TO CUSTOMIZE COLORS FREELY. THIS LED TO KEEPING THE PRIMARY COLORS FOR THE INTERFACE IN GRAYSCALE WHILE SETTING A DYNAMIC COLOR RULE FOR TYPOGRAPHY TO ENSURE ACCESSIBILITY.

The Angine design system rules and usage for colors
The Angine design system rules and usage for grids
The Angine design system rules and usage for responsive design
The Angine design system rules and usage for typography and type colors
The Angine design system rules and usage for iconography
The Angine design system rules and usage for different component states

<

DEVELOPING A BRAND FOR AN AUDIO POWER TOOL THAT EMPOWERS THE USERS.

/>

A image showing the final brand logo and color for Angine

SYSTEM DESIGN

THE EXPERIENCE

DESIGN SYSTEM

RESEARCH

PROTOTYPE & TEST

MARKET RESEARCH

<

FRAMING AN EXTENSIVE RESEARCH PLAN FOR USER DATA AND COMPETITORS.

/>

THE FRAMING OF ANGINE’S RESEARCH DEIFFERED FROM A TRADITIONAL PROCESS AS I TRIED TO IDENTIFY THE SOLUTIONS PEOPLE HAVE USED AND THE REASONING BEHIND THEIR DECISIONS. BY DOING SO, I COULD CONSTRUCT THE LANDSCAPE OF THE DIFFERENT COMPETITORS WHILE COLLECTING USER INSIGHTS.

<VOICEMEETER />

"

SOMETIMES I PLUG MY HEADSET AND IT BOOST THE VOLUME FOR NO REASON, WHICH CAUSES A LOT OF SETTING UP.

"

<GOXLR />

"

WHEN MULTIPLE DEVICES GETS CONNECTED, MY COMPUTER BECOMES CONFUSED OF WHICH DEVICE TO USE.

"

<WINDOWS AUDIO DRIVER />

"

SOME SOFTWARE HAS ITS OWN AUDIO PROCESSCOR, SO IF I’M NOT AWARE, I’M PRETTY SCREWED WITH MY BUDGET MIC.

"

A collage of logos for different audio mixer platforms the currently exist. Essentially, the competitors

IT WAS A VERY EFFECTIVE METHODOLOGY COMBINING EXPERT AND USER INTERVIEWS INTO ONE CONVERSATION. ON THE ONE HAND, I CAN COLLECT USER DATA TO IDENTIFY OPPORTUNITIES. ON THE OTHER HAND, I CAN SAVE SIGNIFICANT EFFORT AND TIME EXPLORING THE DIFFERENT RESOLUTIONS FROM THE INTERVIEWED USERS.

A screenshot collage of the different competitor's interface, which includes Voicemeeter, Windows default, Focusrite, and OBS
A diagram mapping the opportunity for Angine's need

SYSTEM DESIGN

THE EXPERIENCE

DESIGN SYSTEM

RESEARCH

PROTOTYPE & TEST

MARKET RESEARCH

<

INTERATIVE TESTING FOR DISCOVERABILITY AND USABILITY.

/>

AS ANGINE CONTAINS MANY MOVING COMPONENTS, IT IS CRUCIAL TO ENSURE THAT I INTRODUCE THE CORRECT HIERARCHY. I DESIGNED VARIABTIONS OF SINGLE COMPONENTS TO TEST WITH VARIOUS USERS TO SEE IF THEY COULD DISCOVER AND UNDERSTAND THE FEATURES BY COMPLETING MULTIOPLE TASKS. ONCE COMPLETED, I ASKED THEM TO COMPLETE THE TASKS AGAIN VERBALLY TO DESCRIBE WHAT THEY BELIEVED AS THE MOST OPTIMAL.

A image showing the different iterations and result of user testing for the effects toggle
A image showing the different iterations and result of user testing for the color usage on the interface
A image showing the different iterations and result of user testing for the button arrangement of the organization feature for tracks

SYSTEM DESIGN

THE EXPERIENCE

DESIGN SYSTEM

RESEARCH

PROTOTYPE & TEST

MARKET RESEARCH

<

BUILDING A THOUGHTFUL MARKET PLAN.

/>

A PRODUCT CAN BE AS GOOD AS IT GETS, BUT IT WILL ONLY BE SUCCESSFUL ONCE SOMEONE IN THIS WORLD NEEDS IT. WITH THIS IN MIND, I CONDUCTED MARKET RESEARCH ALONGSIDE MY USER RESEARCH TO ENSURE MARKET FEASIBILITY AND CREATE MARKET SEGMENTS TO BETTER TARGET SPECIFIC USER.

A diagram showing the potential market size of Angine driven by market researchA diagram showing the different targeted market segments, which include streamers, content creators, and music producers
A image demonstrating the partnership with streamers and content creator strategy for marketing
A image that showcase the building of a community strategy for marketing

ONCE THE BUSINESS FOUNDATION AS FORMED AND VALIDATED, I FORMULATED A BUSINESS PLAN AND IDNTIFIED CHANNELS AND MARKET STRATEGIES FOR ANGINE.

The marketing header image for Angine

NEXT

PROJECT

<

STRAY
:D

/>