diff --git a/src/app/components/fragments/header/header.component.html b/src/app/components/fragments/header/header.component.html
index d4ef907110c1ba91af3daa1b23869b4b4e019cd1..c2ce9316139959b30fe6e7d718d75f2a743bf0a2 100644
--- a/src/app/components/fragments/header/header.component.html
+++ b/src/app/components/fragments/header/header.component.html
@@ -1,6 +1,6 @@
 <mat-toolbar color="primary">
   <mat-toolbar-row>
-    <span>ARSnova</span>
+    <span class="app-title" (click)="goToHomepage()">ARSnova</span>
     <span class="fill-remaining-space"></span>
     <mat-menu #appMenu="matMenu" [overlapTrigger]="false">
       <button mat-menu-item (click)="logout()">
diff --git a/src/app/components/fragments/header/header.component.scss b/src/app/components/fragments/header/header.component.scss
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..939288c18f62ad57cd71c091830ce6273d75608e 100644
--- a/src/app/components/fragments/header/header.component.scss
+++ b/src/app/components/fragments/header/header.component.scss
@@ -0,0 +1,3 @@
+.app-title {
+  cursor: pointer;
+}
diff --git a/src/app/components/fragments/header/header.component.ts b/src/app/components/fragments/header/header.component.ts
index 557177d444db5557e0e48f82b83b9085eee2c894..e19c9100519c0686decba3f9e53bac23460703ab 100644
--- a/src/app/components/fragments/header/header.component.ts
+++ b/src/app/components/fragments/header/header.component.ts
@@ -27,4 +27,21 @@ export class HeaderComponent implements OnInit {
     this.notification.show(`Logged out`);
     this.router.navigate(['/']);
   }
+
+  goToHomepage() {
+    const role: UserRole = this.user !== undefined ? this.user.role : undefined;
+    let route: string;
+
+    switch (role) {
+      case UserRole.PARTICIPANT:
+        route = '/participant';
+        break;
+      case UserRole.CREATOR:
+        route = '/creator';
+        break;
+      default:
+        route = '/';
+    }
+    this.router.navigate([route]);
+  }
 }