viz hero audio-visual app
Viz Hero is an application concept that provides non-designer music creators with the tools necessary to create dynamic music visualizations independently, efficiently, and creatively. All materials designed/animated by myself.
promo video
A video showcase of the application's purpose, primary functions, ease of use, and creative potential. Created with Adobe Illustrator + After Effects.
interface showcase
Here are some key UI screens!
Assets Screen: Viz Hero allows users to assemble an assortment of assets from a personalized database to easily and effectively create visualizations. This is the user’s Assets Screen, where they store and edit the assets they’ve assembled.
Hero Tip Screen: Viz Hero is designed to guide users through the visualization creation process by lending them design expertise through the interface and with various tips. This screen shows Viz Hero explaining the importance of brand consistency to the user, before he or she selects a vibe.
Vibe Selection Screen: On this screen, the user is encouraged to select a vibe that fits with his/her desired aesthetic. This allows Viz Hero to curate the user's browsing options to only show the assets that will help him/her create a consistent brand.
Categories Screen: After selecting a vibe, the user is taken to the categories screen. Viz Hero's asset bank is separated into categories to prevent the user from being overwhelmed when searching for assets.
Browse Backgrounds Screen: Viz Hero curates its available assets to show only those that match the user’s unique style. This is the Browse Screen for backgrounds, inspired by Google Images, where users can filter, sort, and search for certain types of imagery to add to their Assets Screen.
Asset Edit Screen: Here, users can edit the size, placement, and effects of their assets. Users can select which track stem* to sync their asset with, after which the effects of that asset will automatically react dynamically with the corresponding audio track.
*track stem: An individuated track of a multi track recording; a drums stem, a bassline stem, a melody stem, and a vocal stem for example.
process work
Here’s a PDF that digs deeper into design process behind Viz Hero!