Reviving ANA Plugin: A Visual Transformation Tale
The Skin Transformation
In this project, our task was to develop a new skin for the existing ANA plugin by Sonic Academy. Since it was a skin, we focused solely on the UI aspect without altering the product’s layout.
From Mood Board to Design Stage
Initially, a product mood board was created, suggesting color schemes, fonts, and control styles.
During the first design stage, the model was shaped and rendered in Blender3D, and then refined in Photoshop.
Nurturing Authenticity: Designing Controls for ANA Plugin
Every section of the synthesizer was given a distinct style to effectively convey the user experience derived from interacting with real rack devices.
Numerous controls of diverse shapes and materials were selected based on references from the original instrument.
Despite the complexity and time invested in crafting the controls, they collectively provide the sensation of that distinctive analog era.
Bridging Past and Present
For the screen GUI, we merged elements of old analog aesthetics with modern flat graphics.
What’s more, each section boasts its own unique fonts, carefully chosen to emphasize the uniqueness of each segment of this synth.