diff --git a/contents/algorithms.md b/contents/algorithms.md
index 3fb7a2e33..ac654317d 100644
--- a/contents/algorithms.md
+++ b/contents/algorithms.md
@@ -1,5 +1,6 @@
 ---
 title: Front end algorithms
+slug: coding/algorithms
 sidebar_label: Algorithms
 ---
 
diff --git a/contents/build-user-interfaces.md b/contents/build-user-interfaces.md
index 6ff97cb0d..8b737c364 100644
--- a/contents/build-user-interfaces.md
+++ b/contents/build-user-interfaces.md
@@ -1,5 +1,6 @@
 ---
 title: Build front end user interfaces
+slug: coding/build-user-interfaces
 sidebar_label: Build user interfaces
 ---
 
diff --git a/contents/utility-function.md b/contents/utility-function.md
index 07314c8e3..a8d719fa3 100644
--- a/contents/utility-function.md
+++ b/contents/utility-function.md
@@ -1,11 +1,12 @@
 ---
 title: Front end utility functions
+slug: coding/utility-function
 sidebar_label: Utility functions
 ---
 
 These are the front-end version of LeetCode questions, but with less emphasis on complicated algorithms and more focused on practical use cases. However, they could also be questions simply being the same LeetCode problem but you are required to answer in JavaScript.
 
-Almost all existing utilty functions you will be asked exist within the JavaScript language or famous third-party libraries like Lodash/Underscore, with the most famous being `debounce` and `throttle`. However, Lodash's implementation is extremely over-engineered - reusing a lot of abstract functions and supporting weird and obscure use cases for older browsers and you're not expected to produce such level of complexity in an interview.
+Almost all existing utility functions you will be asked exist within the JavaScript language or famous third-party libraries like Lodash/Underscore, with the most famous being `debounce` and `throttle`. However, Lodash's implementation is extremely over-engineered - reusing a lot of abstract functions and supporting weird and obscure use cases for older browsers and you're not expected to produce such level of complexity in an interview.
 
 ## Basic examples
 
diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index 1c458296b..371398a18 100755
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -67,37 +67,58 @@ module.exports = {
           items: [
             {
               label: 'Get started',
-              href: '/introduction',
+              href: '/introduction/',
             },
-            {
-              label: 'Blog',
-              href: '/blog',
-            },
-          ],
-        },
-        {
-          title: 'Interviews',
-          items: [
             {
               label: 'Pop quiz',
-              href: '/pop-quiz',
-            },
-            {
-              label: 'Coding round',
-              href: '/coding',
-            },
-            {
-              label: 'System design',
-              href: '/front-end-system-design',
+              href: '/pop-quiz/',
             },
             {
               label: 'Behavioral round',
-              href: '/behavioral',
+              href: '/behavioral/',
+            },
+            {
+              label: 'Blog',
+              href: '/blog/',
             },
           ],
         },
         {
-          title: 'About',
+          title: 'Coding',
+          items: [
+            {
+              label: 'Algorithms',
+              href: '/coding/algorithms/',
+            },
+            {
+              label: 'Utility function',
+              href: '/coding/utility-function/',
+            },
+            {
+              label: 'User interfaces',
+              href: '/coding/build-user-interfaces/',
+            },
+          ],
+        },
+        {
+          title: 'System design',
+          items: [
+            {
+              label: 'System design overview',
+              href: '/front-end-system-design/',
+            },
+            {
+              label: 'UI components',
+              href: '/front-end-system-design/ui-components/',
+            },
+            {
+              label: 'Applications',
+              href: '/front-end-system-design/applications/',
+            },
+          ],
+        },
+        {
+          title: 'More',
           items: [
             {
               label: 'GitHub',
@@ -111,11 +132,6 @@ module.exports = {
               label: 'Twitter',
               href: 'https://twitter.com/yangshunz',
             },
-          ],
-        },
-        {
-          title: 'More',
-          items: [
             {
               label: 'Contact us',
               href: 'mailto:contact@techinterviewhandbook.org',
diff --git a/website/vercel.json b/website/vercel.json
index 7ae9a3de5..38be21ffc 100644
--- a/website/vercel.json
+++ b/website/vercel.json
@@ -1,5 +1,32 @@
 {
   "github": {
     "silent": true
-  }
+  },
+  "trailingSlash": false,
+  "redirects": [
+    {
+      "source": "/algorithms",
+      "destination": "/coding/algorithms/"
+    },
+    {
+      "source": "/algorithms/",
+      "destination": "/coding/algorithms/"
+    },
+    {
+      "source": "/utility-function",
+      "destination": "/coding/utility-function/"
+    },
+    {
+      "source": "/utility-function/",
+      "destination": "/coding/utility-function/"
+    },
+    {
+      "source": "/build-user-interfaces",
+      "destination": "/coding/build-user-interfaces/"
+    },
+    {
+      "source": "/build-user-interfaces/",
+      "destination": "/coding/build-user-interfaces/"
+    }
+  ]
 }