diff --git a/ui/src/pages/for/sound-engineer.vue b/ui/src/pages/for/sound-engineer.vue
new file mode 100755
index 0000000..2d1f767
--- /dev/null
+++ b/ui/src/pages/for/sound-engineer.vue
@@ -0,0 +1,16 @@
+<template>
+  <div class="h-full flex flex-col gap-5 overflow-y-auto">
+    <div class="flex-grow overflow-y-hidden flex flex-col pt-3">
+      <div class="pb-2 font-bold text-3.5 tracking-wider uppercase">
+        Auf der Bühne
+      </div>
+      <ActorsOnStageBox class="flex-grow text-8"/>
+    </div>
+    <MessageEdit class="h-30 md:h-40 mb-1"/>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import ActorsOnStageBox from "../../components/ActorsOnStageBox.vue"
+  import MessageEdit from "../../components/MessageEdit.vue"
+</script>
diff --git a/ui/src/pages/index.vue b/ui/src/pages/index.vue
index 59b9f22..5f66a8c 100644
--- a/ui/src/pages/index.vue
+++ b/ui/src/pages/index.vue
@@ -10,6 +10,7 @@
   import FlyingSaucerIcon from "virtual:icons/ph/flying-saucer"
   import CircleWavyIcon from "virtual:icons/ph/circle-wavy"
   import FadersIcon from "virtual:icons/ph/faders"
+  import MicrophoneStageIcon from "virtual:icons/ph/microphone-stage"
   import StorefrontIcon from "virtual:icons/ph/storefront"
   import LinkButtonList, { LinkButtonListItem } from "@/components/LinkButtonList.vue"
 
@@ -29,6 +30,12 @@
     {
       to: "/for/sound-operator",
       label: "Sound operator",
+      icon: MicrophoneStageIcon,
+      allowMobile: true
+    },
+    {
+      to: "/for/sound-engineer",
+      label: "Sound engineer",
       icon: FadersIcon,
       allowMobile: true
     },