diff --git a/src/app/showcase-site/project-page/index.ts b/src/app/showcase-site/project-page/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8f1d28746c2b4271c156fb3fb8de65335580ed36
--- /dev/null
+++ b/src/app/showcase-site/project-page/index.ts
@@ -0,0 +1 @@
+export * from './project-page.component';
diff --git a/src/app/showcase-site/project-page/project-page.component.ts b/src/app/showcase-site/project-page/project-page.component.ts
new file mode 100644
index 0000000000000000000000000000000000000000..dc6c873293a66d3bfe5b5b6650bcea7298cac19d
--- /dev/null
+++ b/src/app/showcase-site/project-page/project-page.component.ts
@@ -0,0 +1,16 @@
+import { Component } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+
+@Component({
+  selector: 'app-project-page',
+  templateUrl: './project-page.component.html',
+  styleUrls: ['./project-page.component.scss']
+})
+export class ProjectsPageComponent {
+
+  constructor(private route: ActivatedRoute) { }
+
+  ngOnInit() {
+  }
+
+}
diff --git a/src/app/showcase-site/project-page/project-page.html b/src/app/showcase-site/project-page/project-page.html
new file mode 100644
index 0000000000000000000000000000000000000000..c6064f20d842d704881f91a21ecbb7884f2205d4
--- /dev/null
+++ b/src/app/showcase-site/project-page/project-page.html
@@ -0,0 +1 @@
+<p>blablabla</p>
\ No newline at end of file
diff --git a/src/app/showcase-site/project-page/project-page.scss b/src/app/showcase-site/project-page/project-page.scss
new file mode 100644
index 0000000000000000000000000000000000000000..06d49205b1654fd884304903aa2bd084c62a4836
--- /dev/null
+++ b/src/app/showcase-site/project-page/project-page.scss
@@ -0,0 +1,2 @@
+@import '~app/showcase-site/sass/mixins';
+@import '~app/showcase-site/sass/variables';
\ No newline at end of file
diff --git a/src/app/showcase-site/showcase-site-routing.module.ts b/src/app/showcase-site/showcase-site-routing.module.ts
index df7ddaf805dc88c977134d885bdafbe0b9cfdf09..214fc481edeb5adc6bd57f3865562a82ad0e5d1c 100644
--- a/src/app/showcase-site/showcase-site-routing.module.ts
+++ b/src/app/showcase-site/showcase-site-routing.module.ts
@@ -10,6 +10,8 @@ import { NewsPageComponent } from './news-page';
 import { NewsDetailPageComponent } from './news-detail-page';
 import { ActionsPageComponent } from './actions-page';
 import { MentionsComponent } from './mentions';
+import { ProjectsPageComponent } from './project-page/project-page.component';
+
 
 import {
   ActionsResolver,
@@ -41,6 +43,11 @@ const routes: Routes = [
         resolve: { 'keyFigures': KeyFiguresResolver },
         data: { title: 'Qui sommes-nous ?' },
       },
+      {
+        path: 'nos-projets',
+        component: ProjectsPageComponent,
+        data: { title: 'Nos projets' },
+      },
       {
         path: 'actions',
         component: ActionsPageComponent,
diff --git a/src/app/showcase-site/showcase-site.module.ts b/src/app/showcase-site/showcase-site.module.ts
index 40a18b08910e546a636907b60507bfde73261454..ac626e4e49966573110fa7335f13b32c058d939d 100644
--- a/src/app/showcase-site/showcase-site.module.ts
+++ b/src/app/showcase-site/showcase-site.module.ts
@@ -22,6 +22,7 @@ import { PartnerLogoComponent } from './partner-logo';
 import { NewsDetailPageComponent } from './news-detail-page';
 import { CarouselComponent, CarouselDirective, CarouselItemElement } from './carousel';
 import { MentionsComponent } from './mentions';
+import { ProjectsPageComponent } from './project-page';
 
 @NgModule({
   imports: [
@@ -48,6 +49,7 @@ import { MentionsComponent } from './mentions';
     CarouselDirective,
     CarouselItemElement,
     MentionsComponent,
+    ProjectsPageComponent
   ],
   exports: [
     ShowcaseSiteComponent