VST/plugin GUI design + launch graphics — ads, motion, web

lalalandsynth

One UI a day keeps the tinnitus away !

Momentum - Multi Tap delay, again I am thinking of a series of processors for a fictional brand.

Bit bored of Figma for now , next one will be full 3D.

Special offer, if anyone wants a redesign of a fully developed plugin I might want to do that next ? If release is planned and its locked in I would be willing to have a look as my next UI project ? ... maybe ?

Momentum UI

MOMENTUM FINAL.png

Momentum DAW

Momentum DAW.png

Momentum HISE Paint Routines

Momentum 16:9

Momentum wide.png

Momentum 4:5

Momentum hi.png

Chazrox

@lalalandsynth Cleeeaaaan.

Bart

@lalalandsynth

Great design styles

Are you plucking these from your imagination, or getting style inspirations from somewhere?

lalalandsynth

@Bart I get inspiration from everywhere, having said that I have a massive PureRef file with all kinds of designs.

lalalandsynth

Latest UI Experiment.

VERY inspired by Neural DSP ;)

This is a blend of Figma and Blender.
Kind of a cross between steampunk and the 60´s , refined steampunk I guess you could say.

Sundial UI

SundialFINAL 3.png

Sundial Standalone

Sundial DAW.png

Sundial 16:9 AD

Sundial wide.png

Sundial 4:5 AD

Sundial Hi.png

Chazrox

@lalalandsynth Beauty!

lalalandsynth

Solune - Morph Engine.

WebView experiment running in Hise.

So I can see the webview being used for some isolated hero elements or something , this whole ui is made in webview and it has that annoying hand cursor, it seems i can connect the sliders and all that stuff but its a bit janky.

Hand Cursor fix.

html, body, * {
    cursor: default !important;
}

This would be a nice way to make UI´s if it had a better implementation, not sure if this is planned at all?

Next test is GLSL something.
After some glsl testing, this ui could be recreated with a combo of paint routines, some sprites and glsl

Solune UI

Cube-ezgif.com-optimize.gif

Solune AD 4:5

find the pusle.png

Chazrox

@lalalandsynth You are very good sir.

lalalandsynth

I was not planning on making another one today as I am deep diving into glsl, but got an idea and had to flesh it out.

So this is "KOMPRESS"

Minimal with a central large knob, Figma design.

This one uses quite a lot of blur for the glow on the black knob which is a HISE problem but since its stationary on the knob , I could move only the line indicator on the knob and just either print the blur or if keeping as vector see if I can get away with one blurred component?

KOMPRESS UI

KOMPRESS Final.png

KOMPRESS DAW

KOMPRESS DAW.png

KOMPRESS D16:9

Wide AD.png

KOMPRESS 4:5

Long ad.png

lalalandsynth

Here I am experimenting with Figma and Webview

The idea is a moving field of hex cells with a lot of parameters.

Main ones are the Cell fracture, Sparks, moving exclusion zones, Hotspots, orange comets, cyan frames that capture a bunch of cells, cell size.

Spectrum is also done via webview.

I am really hoping that Webview matures in Juce/Hise as its a great way to design any intricate moving graphics although at the moment its great for prototyping and I am exploring converting a design into GLSL ? If even possible.
I gather that the current issues are platform compatibility, overall stability and sample accurate response, hopefully this will advance.

HEX GRAIN UI

Main hexgrain.png