Forum
    • Categories
    • Register
    • Login

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

    Scheduled Pinned Locked Moved General Questions
    19 Posts 4 Posters 2.9k 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.
    • lalalandsynthL
      lalalandsynth
      last edited by lalalandsynth

      Here’s another plugin UI mockup, this time with a more whimsical comic-book feel.

      Built entirely in Photoshop as a raster design, with the knobs rendered in Blender.

      I’ve been developing a whole series of these character-driven plugin concepts, so if anyone is interested in this kind of style for a project, feel free to reach out.

      Made in Photoshop+Knobs in Blender

      Punchline GUI.

      Punchline FINAL.png

      Punchline DAW.

      Punchline daw.png

      Punchline AD 16:9.

      AD 169 1.png

      Punchline AD 4:5.

      AD INSTA1.png

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

      griffinboyG dannytaurusD 2 Replies Last reply Reply Quote 7
      • griffinboyG
        griffinboy @lalalandsynth
        last edited by

        @lalalandsynth

        Love the knobs!

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

          @lalalandsynth Yeah, really like that! 👏

          Meat Beats: https://meatbeats.com
          Klippr Video: https://klippr.video

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

            Here's another UI concept, this time exploring a modern additive synthesizer.

            This one is built entirely in Figma, so it's a fully vector-based interface.
            Knobs are made with https://rox-knob-builder-for-hise.netlify.app/ courtesy of @Chazrox

            The design is completely modular, making it easy to adapt layouts, swap modules, or reuse components for different plugins while keeping a consistent visual language.

            As always, if anyone is looking for GUI design for a HISE or JUCE project, or just wants to discuss ideas for a particular style, feel free to get in touch.

            Made in Figma + Rox-Knobbuilder

            Harmonic Plane

            Main Additive tweak.png

            Harmonic Plane DAW

            Additive DAW.png

            Harmonic Plane AD 16:9

            Plane Harmonic Wide.png

            Harmonic Plane AD 4:5

            Plane Harmonic Tall.png

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

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

              @lalalandsynth Love it! Thanks for the shout out! 🙏 ⚡

              Have you seen the Button Designer?
              https://rox-button-designer-for-hise.netlify.app/

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

                @Chazrox Yes, been using it, will show up in the next design :)

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

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

                  Here is the next one.

                  A fictional Distortion unit, made in Figma so all colors can be changed and the UI can be adapted to a real plugin.

                  Made in Figma + Rox-Knobbuilder

                  SIGNAL SMELTER UI

                  SMALLER FORUM SMELTER.png

                  SIGNAL SMELTER DAW

                  Smalter DAW DAW.png

                  SIGNAL SMELTER 16:9

                  Smalter Wide.png

                  SIGNAL SMELTER 4:5

                  Smalter HI.png

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

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

                    @lalalandsynth Nice!

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

                      I am on a roll these days :)

                      Keep in mind that all designs are made with a series of plugins in mind, so I think of each design as a brand. All designs and styles are available so if anyone likes a style and wants to adapt it to their line or individual plugins feel free to get in touch.

                      Any design can also be made in 3D and animated for ads.

                      For this particular design I wanted to make something minimal and maintain some empty space, while bending some rules.

                      So this fantasy brand is Sonicraft - Clarity Series.

                      Made in Figma + Rox-Knobbuilder

                      Clarity Limiter UI

                      Clarity.png

                      Clarity Limiter DAW

                      Clarity DAW.png

                      Clarity Limiter 16:9

                      Clarity Wide.png

                      Clarity Limiter 4:5

                      Ad long.png

                      Clarity ALT UI

                      Clarity ALT VERSION.png

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

                      ChazroxC dannytaurusD 2 Replies Last reply Reply Quote 0
                      • 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?

                          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 0
                            • First post
                              Last post

                            24

                            Online

                            2.4k

                            Users

                            13.9k

                            Topics

                            120.7k

                            Posts