diff --git a/projects/nshmp-apps/src/app/dashboard/app.component.html b/projects/nshmp-apps/src/app/dashboard/app.component.html
index 14d02bd2f9b4d710ff8f44fbdc6150d96de2aa6f..1af2d35269911115d5000a7cb6a4b39a077f68db 100644
--- a/projects/nshmp-apps/src/app/dashboard/app.component.html
+++ b/projects/nshmp-apps/src/app/dashboard/app.component.html
@@ -23,6 +23,7 @@
       </div>
 
       <div class="grid-col-12 tablet-lg:grid-col-10 tablet-lg:grid-offset-1">
+        <!-- Main apps -->
         <div class="app-section">
           @for (app of mainApps; track app) {
             <div class="grid-col-12">
@@ -36,11 +37,28 @@
             </div>
           }
         </div>
+
+        <!-- Design maps -->
+        <div class="app-section padding-top-6">
+          <div class="app-section--title">Design Maps</div>
+          @for (app of designMapApps; track app) {
+            <div class="grid-col-12">
+              <mat-card
+                [routerLink]="app.routerLink"
+                class="dashboard-mat-card pointer"
+                (click)="template.onRoute(app)"
+              >
+                <mat-card-content>{{ app.display }}</mat-card-content>
+              </mat-card>
+            </div>
+          }
+        </div>
       </div>
     </div>
 
     <div class="grid-col-12 tablet-lg:grid-col-6 center-y">
       <div class="grid-col-12 tablet-lg:grid-col-10 tablet-lg:grid-offset-1">
+        <!-- Source models -->
         <div class="app-section">
           <div class="app-section--title">Source Models</div>
           @for (app of sourceModelApps; track app) {
@@ -56,6 +74,7 @@
           }
         </div>
 
+        <!-- GMMs -->
         <div class="app-section">
           <div class="app-section--title">Ground Motion Models</div>
           @for (app of gmmApps; track app) {
@@ -70,6 +89,22 @@
             </div>
           }
         </div>
+
+        <!-- NCM apps -->
+        <div class="app-section">
+          <div class="app-section--title">National Crustal Model</div>
+          @for (app of ncmApps; track app) {
+            <div class="grid-col-12">
+              <mat-card
+                [routerLink]="app.routerLink"
+                class="dashboard-mat-card pointer"
+                (click)="template.onRoute(app)"
+              >
+                <mat-card-content>{{ app.display }}</mat-card-content>
+              </mat-card>
+            </div>
+          }
+        </div>
       </div>
     </div>
   </div>
diff --git a/projects/nshmp-apps/src/app/dashboard/app.component.ts b/projects/nshmp-apps/src/app/dashboard/app.component.ts
index 7f43e921d73569f10d37f9aea56304339a92da95..c7b5cecc8823bbb0c6475a9b1653b2493059558e 100644
--- a/projects/nshmp-apps/src/app/dashboard/app.component.ts
+++ b/projects/nshmp-apps/src/app/dashboard/app.component.ts
@@ -5,9 +5,11 @@ import {NshmpLibNgAboutPageComponent} from '@ghsc/nshmp-lib-ng/about';
 import {NshmpLibNgTemplateComponent} from '@ghsc/nshmp-lib-ng/nshmp';
 
 import {
+  designMapApps,
   gmmApps,
   mainApps,
   navigation,
+  ncmApps,
   sourceModelApps,
 } from '../../shared/utils/navigation.utils';
 import {AboutComponent} from './components/about/about.component';
@@ -35,10 +37,14 @@ export class AppComponent {
   /** Navigation list for menu */
   navigationList = navigation();
 
+  /** Design map apps  */
+  designMapApps = designMapApps();
   /** The GMM applications */
   gmmApps = gmmApps();
   /** The main applications */
   mainApps = mainApps();
+  /** NCM apps  */
+  ncmApps = ncmApps();
   /** Source model applications */
   sourceModelApps = sourceModelApps();
 
diff --git a/projects/nshmp-apps/src/shared/utils/navigation.utils.ts b/projects/nshmp-apps/src/shared/utils/navigation.utils.ts
index b42d87fe08c093ad6ac5335f239656928a26229f..b67ec2629008cb4bc85449742a673b60e05c4418 100644
--- a/projects/nshmp-apps/src/shared/utils/navigation.utils.ts
+++ b/projects/nshmp-apps/src/shared/utils/navigation.utils.ts
@@ -5,6 +5,13 @@ import * as ApplicationsUtils from './applications.utils';
 const APPS = ApplicationsUtils.apps();
 const DEV_APPS = ApplicationsUtils.devApps();
 
+/**
+ * Returns the list of design map application.
+ */
+export function designMapApps(): Navigation[] {
+  return [APPS.designMaps.rtgm];
+}
+
 /**
  * Returns the list of AWS applications.
  */
@@ -60,7 +67,6 @@ export function mainApps(): Navigation[] {
     APPS.hazard.disagg,
     APPS.hazard.dynamic,
     APPS.hazard.static,
-    APPS.designMaps.rtgm,
     APPS.services,
   ];
 }
@@ -84,11 +90,26 @@ export function navigation(): NavigationList[] {
       navigation: gmmApps(),
       subHeader: 'Ground Motion Models',
     },
+    {
+      navigation: designMapApps(),
+      subHeader: 'Design Map',
+    },
+    {
+      navigation: ncmApps(),
+      subHeader: 'National Crustal Model',
+    },
   ];
 
   return [...navigation];
 }
 
+/**
+ * Returns the list of NCM appliations.
+ */
+export function ncmApps(): Navigation[] {
+  return [APPS.ncm.geophysicalProfiles];
+}
+
 /**
  * Returns the list of source model applicaitons.
  */