diff --git a/frontend/messages/en.json b/frontend/messages/en.json
index 54f0558..98b0391 100644
--- a/frontend/messages/en.json
+++ b/frontend/messages/en.json
@@ -25,6 +25,7 @@
     "title": "Open Source Test Case Management System",
     "description": "Integrate and manage all your software testing",
     "docs": "Docs",
+    "roadmap": "Roadmap",
     "projects": "Projects",
     "admin": "Administration",
     "account": "Account",
diff --git a/frontend/messages/ja.json b/frontend/messages/ja.json
index 8e1fae1..015b3f3 100644
--- a/frontend/messages/ja.json
+++ b/frontend/messages/ja.json
@@ -25,6 +25,7 @@
     "title": "オープンソーステストケース管理システム",
     "description": "ソフトウェア開発にかかわるすべてのテストを統合管理",
     "docs": "ドキュメント",
+    "roadmap": "ロードマップ",
     "projects": "プロジェクト",
     "admin": "管理",
     "account": "アカウント",
diff --git a/frontend/src/app/[locale]/Header.tsx b/frontend/src/app/[locale]/Header.tsx
index 0132fab..bfd4cb4 100644
--- a/frontend/src/app/[locale]/Header.tsx
+++ b/frontend/src/app/[locale]/Header.tsx
@@ -4,9 +4,10 @@ import HeaderNavbarMenu from './HeaderNavbarMenu';
 export default function Header(params: { locale: string }) {
   const t = useTranslations('Header');
   const messages = {
-    docs: t('docs'),
     projects: t('projects'),
     admin: t('admin'),
+    docs: t('docs'),
+    roadmap: t('roadmap'),
     account: t('account'),
     signUp: t('signup'),
     signIn: t('signin'),
diff --git a/frontend/src/app/[locale]/HeaderNavbarMenu.tsx b/frontend/src/app/[locale]/HeaderNavbarMenu.tsx
index fbbb20b..a391905 100644
--- a/frontend/src/app/[locale]/HeaderNavbarMenu.tsx
+++ b/frontend/src/app/[locale]/HeaderNavbarMenu.tsx
@@ -28,6 +28,7 @@ type NabbarMenuMessages = {
   projects: string;
   admin: string;
   docs: string;
+  roadmap: string;
   account: string;
   signUp: string;
   signIn: string;
@@ -58,6 +59,12 @@ export default function HeaderNavbarMenu({ messages, locale }: Props) {
       label: messages.docs,
       isExternal: true,
     },
+    {
+      uid: 'roadmap',
+      href: 'https://kimatata.github.io/unittcms/docs/roadmap/',
+      label: messages.roadmap,
+      isExternal: true,
+    },
   ];
 
   const router = useRouter();
@@ -95,12 +102,11 @@ export default function HeaderNavbarMenu({ messages, locale }: Props) {
             <NavbarItem key={link.uid} className="hidden md:block">
               <NextUiLink
                 isExternal
-                href="https://kimatata.github.io/unittcms/docs/getstarted/selfhost"
-                aria-label="docs"
+                href={link.href}
                 showAnchorIcon
                 anchorIcon={<MoveUpRight size={12} className="ms-1" />}
               >
-                {messages.docs}
+                {link.label}
               </NextUiLink>
             </NavbarItem>
           ) : (
@@ -156,7 +162,7 @@ export default function HeaderNavbarMenu({ messages, locale }: Props) {
                   title={link.label}
                   startContent={<MoveUpRight size={12} />}
                   onPress={() => {
-                    router.push(link.href, { locale: locale });
+                    window.open(link.href, '_blank');
                     setIsMenuOpen(false);
                   }}
                 />