Forum
    • Categories
    • Register
    • Login

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

    Scheduled Pinned Locked Moved General Questions
    31 Posts 6 Posters 5.3k Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • ChazroxC
      Chazrox @lalalandsynth
      last edited by

      @lalalandsynth You're killin it with these looks. 🔥

      1 Reply Last reply Reply Quote 1
      • dannytaurusD
        dannytaurus @lalalandsynth
        last edited by dannytaurus

        @lalalandsynth What kind of cost are we looking at for one of these looks?

        Pull it from public display, rework it for my specific plugin, then deliver the individual assets, various mockups and 3D source files?

        Ballpark - is it ££ hundreds, £££ thousands, or ££££ tens of thousands?

        HISE dev latest / super.engineering + Claude Fable / Figma + Affinity
        Meat Beats: https://meatbeats.com
        Klippr Video: https://klippr.video

        lalalandsynthL 1 Reply Last reply Reply Quote 0
        • lalalandsynthL
          lalalandsynth @dannytaurus
          last edited by

          @dannytaurus send me pm and we can discuss your particular project as it varies quite a lot. :)

          https://trikk.studio/
          https://www.instagram.com/trikkstudio/

          1 Reply Last reply Reply Quote 1
          • lalalandsynthL
            lalalandsynth
            last edited by 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.gif

            Momentum 16:9

            Momentum wide.png

            Momentum 4:5

            Momentum hi.png

            https://trikk.studio/
            https://www.instagram.com/trikkstudio/

            ChazroxC B 2 Replies Last reply Reply Quote 4
            • ChazroxC
              Chazrox @lalalandsynth
              last edited by

              @lalalandsynth Cleeeaaaan.

              1 Reply Last reply Reply Quote 1
              • B
                Bart @lalalandsynth
                last edited by Bart

                @lalalandsynth

                Great design styles 👏🏻

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

                lalalandsynthL 1 Reply Last reply Reply Quote 0
                • lalalandsynthL
                  lalalandsynth @Bart
                  last edited by

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

                  https://trikk.studio/
                  https://www.instagram.com/trikkstudio/

                  1 Reply Last reply Reply Quote 0
                  • lalalandsynthL
                    lalalandsynth
                    last edited by

                    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

                    https://trikk.studio/
                    https://www.instagram.com/trikkstudio/

                    ChazroxC 1 Reply Last reply Reply Quote 8
                    • ChazroxC
                      Chazrox @lalalandsynth
                      last edited by

                      @lalalandsynth Beauty!

                      1 Reply Last reply Reply Quote 2
                      • lalalandsynthL
                        lalalandsynth
                        last edited by 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

                        https://trikk.studio/
                        https://www.instagram.com/trikkstudio/

                        ChazroxC 1 Reply Last reply Reply Quote 5
                        • ChazroxC
                          Chazrox @lalalandsynth
                          last edited by

                          @lalalandsynth You are very good sir. 🔥

                          1 Reply Last reply Reply Quote 0
                          • lalalandsynthL
                            lalalandsynth
                            last edited by

                            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

                            https://trikk.studio/
                            https://www.instagram.com/trikkstudio/

                            1 Reply Last reply Reply Quote 2
                            • lalalandsynthL
                              lalalandsynth
                              last edited by

                              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

                              HEX GRAIN UI
                              Hex 2.gif

                              HEX GRAIN UI
                              Hex 3.gif

                              HEX GRAIN UI
                              Hex 6.gif

                              HEX GRAIN UI Controller
                              Interface.png

                              HEX GRAIN AD 4:5
                              Texture In motion.png

                              https://trikk.studio/
                              https://www.instagram.com/trikkstudio/

                              ustkU 1 Reply Last reply Reply Quote 6
                              • ustkU
                                ustk @lalalandsynth
                                last edited by ustk

                                I just wanted a quick shout-out after having an amazing talk with Arnar (@lalalandsynth)
                                It's not just about the design, it's the whole process of getting involved in the final result for the end user that drives this guy!
                                Great ideas, new implementations, the experience talks...
                                I can feel already my prototype will reach a quality I wasn't expecting! I knew the design would be excellent just seeing the examples above, no doubt. But trust me the design is just a part of the job he can do...
                                So thanks Arnar to be this very kind person who knows his stuff, I can say I've found my designer...

                                Hise made me an F5 dude, any other app just suffers...

                                ChazroxC 1 Reply Last reply Reply Quote 6
                                • ChazroxC
                                  Chazrox @ustk
                                  last edited by Chazrox

                                  @ustk The man is too good! 🔥 @lalalandsynth 🏆

                                  1 Reply Last reply Reply Quote 0
                                  • First post
                                    Last post

                                  13

                                  Online

                                  2.5k

                                  Users

                                  13.9k

                                  Topics

                                  121.3k

                                  Posts