diff --git a/client/src/components/CircleSidebar.vue b/client/src/components/CircleSidebar.vue
new file mode 100644
index 00000000..f0e14741
--- /dev/null
+++ b/client/src/components/CircleSidebar.vue
@@ -0,0 +1,16 @@
+<template>
+  <h1>Analyse</h1>
+  <div>CircleComponent</div>
+  <div>CircleOverviewComponent</div>
+  <div>FachexpertenKontaktieren</div>
+</template>
+
+<script>
+export default {
+  name: "CircleSidebar"
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/client/src/views/CircleView.vue b/client/src/views/CircleView.vue
index 85f242ba..ce622713 100644
--- a/client/src/views/CircleView.vue
+++ b/client/src/views/CircleView.vue
@@ -2,19 +2,20 @@
   <VBVNavigationBar />
   <MainNavigationBar />
   <div>
-    Sidebar
+    <CircleSidebar />
   </div>
   <main>
-    main
+    circle main content
   </main>
 </template>
 
 <script>
 import MainNavigationBar from "../components/MainNavigationBar.vue";
 import VBVNavigationBar from "../components/VBVNavigationBar.vue";
+import CircleSidebar from "../components/CircleSidebar.vue";
 export default {
   name: "CircleView",
-  components: {MainNavigationBar, VBVNavigationBar}
+  components: {CircleSidebar, MainNavigationBar, VBVNavigationBar}
 
 }
 </script>