diff --git a/src/entities/workspace/index.ts b/src/entities/workspace/index.ts
index a44d0a6..86cdcdd 100644
--- a/src/entities/workspace/index.ts
+++ b/src/entities/workspace/index.ts
@@ -1,3 +1,3 @@
 // 목업 워크스페이스 데이터와 타입의 공개 API입니다.
-export type { Workspace } from './model/workspace.types';
+export type { Workspace, WorkspacePurpose } from './model/workspace.types';
 export { mockWorkspace } from './model/mock-workspace';
diff --git a/src/entities/workspace/model/workspace.types.ts b/src/entities/workspace/model/workspace.types.ts
index 2560d7a..9002dc7 100644
--- a/src/entities/workspace/model/workspace.types.ts
+++ b/src/entities/workspace/model/workspace.types.ts
@@ -1,6 +1,8 @@
 // Supabase 워크스페이스 데이터 연결 전 shell에서 사용하는 워크스페이스 타입입니다.
+export type WorkspacePurpose = 'team-project' | 'side-project' | 'store-operation';
+
 export interface Workspace {
   id: string;
   name: string;
-  purpose: 'store-operation' | 'team-project' | 'side-project';
+  purpose: WorkspacePurpose;
 }
diff --git a/src/widgets/workspace-shell/lib/get-workspace-navigation.ts b/src/widgets/workspace-shell/lib/get-workspace-navigation.ts
new file mode 100644
index 0000000..7a31e6d
--- /dev/null
+++ b/src/widgets/workspace-shell/lib/get-workspace-navigation.ts
@@ -0,0 +1,7 @@
+// 워크스페이스 목적에 맞는 shell navigation 항목을 반환합니다.
+import type { WorkspacePurpose } from '@/entities/workspace';
+import { workspaceNavigationByPurpose } from '@/widgets/workspace-shell/model/workspace-navigation';
+
+export function getWorkspaceNavigation(purpose: WorkspacePurpose) {
+  return workspaceNavigationByPurpose[purpose];
+}
diff --git a/src/widgets/workspace-shell/model/workspace-navigation.ts b/src/widgets/workspace-shell/model/workspace-navigation.ts
index cfdf025..cb56ede 100644
--- a/src/widgets/workspace-shell/model/workspace-navigation.ts
+++ b/src/widgets/workspace-shell/model/workspace-navigation.ts
@@ -1,4 +1,5 @@
 // 워크스페이스 목적별 사이드바 메뉴 항목을 정의합니다.
+import type { WorkspacePurpose } from '@/entities/workspace';
 import {
   Bell,
   Calendar,
@@ -7,6 +8,9 @@ import {
   LayoutDashboard,
   MessageSquare,
   Settings,
+  Rocket,
+  FileText,
+  BarChart3,
   type LucideIcon,
 } from 'lucide-react';
 
@@ -27,26 +31,32 @@ export const storeOperationNavigationItems: WorkspaceNavigationItem[] = [
 ];
 
 // TODO: 사이드 프로젝트 도메인을 만들 때 아래 메뉴를 별도 purpose 전용 사이드바로 연결합니다.
-// export const sideProjectNavigationItems: WorkspaceNavigationItem[] = [
-//   { label: '대시보드', href: 'dashboard', icon: LayoutDashboard },
-//   { label: '스프린트 보드', href: 'sprint-board', icon: Rocket },
-//   { label: '캘린더', href: 'calendar', icon: Calendar },
-//   { label: '회의록', href: 'meeting-notes', icon: FileText },
-//   { label: '자료실', href: 'files', icon: FileBox },
-//   { label: '채팅', href: 'chat', icon: MessageSquare },
-//   { label: '진행률 차트', href: 'progress-chart', icon: BarChart3 },
-//   { label: '설정', href: 'settings', icon: Settings },
-// ];
+export const sideProjectNavigationItems: WorkspaceNavigationItem[] = [
+  { label: '대시보드', href: 'dashboard', icon: LayoutDashboard },
+  { label: '스프린트 보드', href: 'sprint-board', icon: Rocket },
+  { label: '캘린더', href: 'calendar', icon: Calendar },
+  { label: '회의록', href: 'meeting-notes', icon: FileText },
+  { label: '자료실', href: 'files', icon: FileBox },
+  { label: '채팅', href: 'chat', icon: MessageSquare },
+  { label: '진행률 차트', href: 'progress-chart', icon: BarChart3 },
+  { label: '설정', href: 'settings', icon: Settings },
+];
 
 // TODO: 팀 프로젝트 도메인을 만들 때 아래 메뉴를 별도 purpose 전용 사이드바로 연결합니다.
-// export const sideProjectNavigationItems: WorkspaceNavigationItem[] = [
-//   { label: '대시보드', href: 'dashboard', icon: LayoutDashboard },
-//   { label: '프로젝트 관리', href: 'sprint-board', icon: Rocket },
-//   { label: '캘린더', href: 'calendar', icon: Calendar },
-//   { label: '공지', href: 'notices', icon: Bell },
-//   { label: '회의록', href: 'meeting-notes', icon: FileText },
-//   { label: '자료실', href: 'files', icon: FileBox },
-//   { label: '채팅', href: 'chat', icon: MessageSquare },
-//   { label: '진행률 차트', href: 'progress-chart', icon: BarChart3 },
-//   { label: '설정', href: 'settings', icon: Settings },
-// ];
+export const teamProjectNavigationItems: WorkspaceNavigationItem[] = [
+  { label: '대시보드', href: 'dashboard', icon: LayoutDashboard },
+  { label: '프로젝트 관리', href: 'sprint-board', icon: Rocket },
+  { label: '캘린더', href: 'calendar', icon: Calendar },
+  { label: '공지', href: 'notices', icon: Bell },
+  { label: '회의록', href: 'meeting-notes', icon: FileText },
+  { label: '자료실', href: 'files', icon: FileBox },
+  { label: '채팅', href: 'chat', icon: MessageSquare },
+  { label: '진행률 차트', href: 'progress-chart', icon: BarChart3 },
+  { label: '설정', href: 'settings', icon: Settings },
+];
+
+export const workspaceNavigationByPurpose = {
+  'store-operation': storeOperationNavigationItems,
+  'team-project': teamProjectNavigationItems,
+  'side-project': sideProjectNavigationItems,
+} satisfies Record<WorkspacePurpose, WorkspaceNavigationItem[]>;
diff --git a/src/widgets/workspace-shell/ui/WorkspaceHeader.tsx b/src/widgets/workspace-shell/ui/WorkspaceHeader.tsx
index bc405db..1e15ae5 100644
--- a/src/widgets/workspace-shell/ui/WorkspaceHeader.tsx
+++ b/src/widgets/workspace-shell/ui/WorkspaceHeader.tsx
@@ -4,19 +4,21 @@
 import { Bell, Search, UserRoundPlus } from 'lucide-react';
 import { usePathname } from 'next/navigation';
 import { mockCurrentWorkspaceMember } from '@/entities/workspace-member';
-import { storeOperationNavigationItems } from '../model/workspace-navigation';
+import type { WorkspaceNavigationItem } from '../model/workspace-navigation';
 
-function getCurrentPageTitle(pathname: string): string {
-  const currentNavigationItem = storeOperationNavigationItems.find((item) =>
-    pathname.endsWith(`/${item.href}`),
-  );
+interface WorkspaceHeaderProps {
+  navigationItems: WorkspaceNavigationItem[];
+}
+
+function getCurrentPageTitle(pathname: string, navigationItems: WorkspaceNavigationItem[]): string {
+  const currentNavigationItem = navigationItems.find((item) => pathname.endsWith(`/${item.href}`));
 
   return currentNavigationItem?.label ?? '대시보드';
 }
 
-export function WorkspaceHeader() {
+export function WorkspaceHeader({ navigationItems }: WorkspaceHeaderProps) {
   const pathname = usePathname();
-  const title = getCurrentPageTitle(pathname);
+  const title = getCurrentPageTitle(pathname, navigationItems);
 
   return (
     <header className="flex h-[72px] items-center justify-between border-b border-slate-200 bg-white px-8">
@@ -46,7 +48,7 @@ export function WorkspaceHeader() {
           className="relative flex h-10 w-10 items-center justify-center rounded-full text-slate-500 hover:bg-slate-100"
         >
           <Bell className="h-5 w-5" aria-hidden="true" />
-          <span className="absolute right-2 top-2 h-2 w-2 rounded-full bg-rose-500" />
+          <span className="absolute top-2 right-2 h-2 w-2 rounded-full bg-rose-500" />
         </button>
 
         <div className="flex h-10 w-10 items-center justify-center rounded-full bg-orange-400 text-sm font-bold text-white">
diff --git a/src/widgets/workspace-shell/ui/WorkspaceShell.tsx b/src/widgets/workspace-shell/ui/WorkspaceShell.tsx
index b18a86f..bf8189e 100644
--- a/src/widgets/workspace-shell/ui/WorkspaceShell.tsx
+++ b/src/widgets/workspace-shell/ui/WorkspaceShell.tsx
@@ -4,6 +4,8 @@
 import { useState } from 'react';
 import { WorkspaceHeader } from './WorkspaceHeader';
 import { WorkspaceSidebar } from './WorkspaceSidebar';
+import { mockWorkspace } from '@/entities/workspace';
+import { getWorkspaceNavigation } from '@/widgets/workspace-shell/lib/get-workspace-navigation';
 
 interface WorkspaceShellProps {
   workspaceId: string;
@@ -12,17 +14,21 @@ interface WorkspaceShellProps {
 
 export function WorkspaceShell({ workspaceId, children }: WorkspaceShellProps) {
   const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(false);
+  const workspace = mockWorkspace; // 나중에는 workspaceId로 Supabase 조회
+  const navigationItems = getWorkspaceNavigation(workspace.purpose);
 
   return (
     <div className="flex h-screen overflow-hidden bg-[#f7f8fc]">
       <WorkspaceSidebar
+        workspace={workspace}
         workspaceId={workspaceId}
         isCollapsed={isSidebarCollapsed}
+        navigationItems={navigationItems}
         onToggleCollapsed={() => setIsSidebarCollapsed((current) => !current)}
       />
 
       <div className="flex h-screen min-w-0 flex-1 flex-col">
-        <WorkspaceHeader />
+        <WorkspaceHeader navigationItems={navigationItems} />
         <main className="min-h-0 flex-1 overflow-y-auto px-8 py-8">{children}</main>
       </div>
     </div>
diff --git a/src/widgets/workspace-shell/ui/WorkspaceSidebar.tsx b/src/widgets/workspace-shell/ui/WorkspaceSidebar.tsx
index fa2cda1..249f4a4 100644
--- a/src/widgets/workspace-shell/ui/WorkspaceSidebar.tsx
+++ b/src/widgets/workspace-shell/ui/WorkspaceSidebar.tsx
@@ -5,20 +5,24 @@ import Image from 'next/image';
 import Link from 'next/link';
 import { ChevronRight, LogOut, Menu, Store } from 'lucide-react';
 import { usePathname } from 'next/navigation';
-import { mockWorkspace } from '@/entities/workspace';
+import type { Workspace } from '@/entities/workspace';
 import { mockCurrentWorkspaceMember } from '@/entities/workspace-member';
 import { cn } from '@/shared/lib/utils';
-import { storeOperationNavigationItems } from '../model/workspace-navigation';
+import type { WorkspaceNavigationItem } from '../model/workspace-navigation';
 
 interface WorkspaceSidebarProps {
+  workspace: Workspace;
   workspaceId: string;
   isCollapsed: boolean;
+  navigationItems: WorkspaceNavigationItem[];
   onToggleCollapsed: () => void;
 }
 
 export function WorkspaceSidebar({
+  workspace,
   workspaceId,
   isCollapsed,
+  navigationItems,
   onToggleCollapsed,
 }: WorkspaceSidebarProps) {
   const pathname = usePathname();
@@ -50,7 +54,7 @@ export function WorkspaceSidebar({
           onClick={onToggleCollapsed}
           className={cn(
             'flex h-9 w-9 items-center justify-center rounded-lg text-slate-500 hover:bg-slate-100',
-            isCollapsed && 'absolute left-1/2 top-[84px] -translate-x-1/2',
+            isCollapsed && 'absolute top-[84px] left-1/2 -translate-x-1/2',
           )}
         >
           <Menu className="h-5 w-5" aria-hidden="true" />
@@ -69,8 +73,10 @@ export function WorkspaceSidebar({
             <span className="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-orange-400 text-white">
               <Store className="h-4 w-4" aria-hidden="true" />
             </span>
-            <span className={cn('truncate text-sm font-bold text-slate-950', isCollapsed && 'sr-only')}>
-              {mockWorkspace.name}
+            <span
+              className={cn('truncate text-sm font-bold text-slate-950', isCollapsed && 'sr-only')}
+            >
+              {workspace.name}
             </span>
           </span>
           {!isCollapsed ? (
@@ -80,7 +86,7 @@ export function WorkspaceSidebar({
       </div>
 
       <nav className="flex-1 space-y-1 px-3 py-4">
-        {storeOperationNavigationItems.map((item) => {
+        {navigationItems.map((item) => {
           const Icon = item.icon;
           const href = `/workspaces/${workspaceId}/${item.href}`;
           const isActive = pathname === href;