diff --git a/web-app/README.md b/web-app/README.md
index 28758a4..014a1ee 100644
--- a/web-app/README.md
+++ b/web-app/README.md
@@ -55,9 +55,18 @@ web-app/
 │   │   ├── hyper-parameter/
 │   │   │   └── page.tsx      # 하이퍼파라미터 설정
 │   │   ├── imagery/
-│   │   │   ├── page.tsx      # 영상 목록
-│   │   │   └── [id]/
-│   │   │       └── page.tsx  # 영상 상세
+│   │   │   ├── aerial/
+│   │   │   │   ├── page.tsx      # 항공영상 목록
+│   │   │   │   └── [id]/
+│   │   │   │       └── page.tsx  # 항공영상 상세
+│   │   │   ├── satellite/
+│   │   │   │   ├── page.tsx      # 위성영상 목록
+│   │   │   │   └── [id]/
+│   │   │   │       └── page.tsx  # 위성영상 상세
+│   │   │   └── drone/
+│   │   │       ├── page.tsx      # 드론영상 목록
+│   │   │       └── [id]/
+│   │   │           └── page.tsx  # 드론영상 상세
 │   │   ├── inference/
 │   │   │   ├── page.tsx      # 추론 목록
 │   │   │   └── [id]/
diff --git a/web-app/app/routes.ts b/web-app/app/routes.ts
index 396d5b1..c059ada 100644
--- a/web-app/app/routes.ts
+++ b/web-app/app/routes.ts
@@ -8,8 +8,18 @@ export default [
   ]),
   layout('./routes/layout.tsx', [
     ...prefix('imagery', [
-      index('./routes/imagery/page.tsx'),
-      route(':imageryId', './routes/imagery/[id]/page.tsx'),
+      ...prefix('aerial', [
+        index('./routes/imagery/aerial/page.tsx'),
+        route(':aerialId', './routes/imagery/aerial/[id]/page.tsx'),
+      ]),
+      ...prefix('satellite', [
+        index('./routes/imagery/satellite/page.tsx'),
+        route(':satelliteId', './routes/imagery/satellite/[id]/page.tsx'),
+      ]),
+      ...prefix('drone', [
+        index('./routes/imagery/drone/page.tsx'),
+        route(':droneId', './routes/imagery/drone/[id]/page.tsx'),
+      ]),
     ]),
     ...prefix('inference', [
       index('./routes/inference/page.tsx'),
diff --git a/web-app/app/routes/imagery/aerial/[id]/page.tsx b/web-app/app/routes/imagery/aerial/[id]/page.tsx
new file mode 100644
index 0000000..37afbb7
--- /dev/null
+++ b/web-app/app/routes/imagery/aerial/[id]/page.tsx
@@ -0,0 +1,9 @@
+import type { Route } from './+types/page';
+
+export default function Page({ params }: Route.ComponentProps) {
+  return (
+    <div>
+      항공영상 상세 id: {params.aerialId}
+    </div>
+  );
+}
diff --git a/web-app/app/routes/imagery/page.tsx b/web-app/app/routes/imagery/aerial/page.tsx
similarity index 55%
rename from web-app/app/routes/imagery/page.tsx
rename to web-app/app/routes/imagery/aerial/page.tsx
index a75cde4..1c26401 100644
--- a/web-app/app/routes/imagery/page.tsx
+++ b/web-app/app/routes/imagery/aerial/page.tsx
@@ -1,5 +1,5 @@
 export default function Page() {
   return (
-    <div>영상관리 목록</div>
+    <div>항공영상관리 목록</div>
   );
 }
diff --git a/web-app/app/routes/imagery/[id]/page.tsx b/web-app/app/routes/imagery/drone/[id]/page.tsx
similarity index 76%
rename from web-app/app/routes/imagery/[id]/page.tsx
rename to web-app/app/routes/imagery/drone/[id]/page.tsx
index 61cbfb6..035956b 100644
--- a/web-app/app/routes/imagery/[id]/page.tsx
+++ b/web-app/app/routes/imagery/drone/[id]/page.tsx
@@ -3,7 +3,7 @@ import type { Route } from './+types/page';
 export default function Page({ params }: Route.ComponentProps) {
   return (
     <div>
-      영상 상세 id: {params.imageryId}
+      드론영상 상세 id: {params.droneId}
     </div>
   );
 }
diff --git a/web-app/app/routes/imagery/drone/page.tsx b/web-app/app/routes/imagery/drone/page.tsx
new file mode 100644
index 0000000..9a3525b
--- /dev/null
+++ b/web-app/app/routes/imagery/drone/page.tsx
@@ -0,0 +1,5 @@
+export default function Page() {
+  return (
+    <div>드론영상관리 목록</div>
+  );
+}
diff --git a/web-app/app/routes/imagery/satellite/[id]/page.tsx b/web-app/app/routes/imagery/satellite/[id]/page.tsx
new file mode 100644
index 0000000..aa4b822
--- /dev/null
+++ b/web-app/app/routes/imagery/satellite/[id]/page.tsx
@@ -0,0 +1,9 @@
+import type { Route } from './+types/page';
+
+export default function Page({ params }: Route.ComponentProps) {
+  return (
+    <div>
+      위성영상 상세 id: {params.satelliteId}
+    </div>
+  );
+}
diff --git a/web-app/app/routes/imagery/satellite/page.tsx b/web-app/app/routes/imagery/satellite/page.tsx
new file mode 100644
index 0000000..bbc1442
--- /dev/null
+++ b/web-app/app/routes/imagery/satellite/page.tsx
@@ -0,0 +1,5 @@
+export default function Page() {
+  return (
+    <div>위성영상관리 목록</div>
+  );
+}