{"id":12240,"date":"2020-06-18T00:00:00","date_gmt":"2020-06-18T04:00:00","guid":{"rendered":"https:\/\/kryzalid.net\/?p=12240"},"modified":"2024-12-18T15:28:35","modified_gmt":"2024-12-18T20:28:35","slug":"three-ways-to-create-a-menu-for-sites-with-a-lot-of-content","status":"publish","type":"post","link":"https:\/\/kryzalid.net\/en\/web-marketing-blog\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\/","title":{"rendered":"Three ways to create a menu for sites with a lot of content"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">After a few magic tricks and certainly dozens of hours of work, you\u2019ve reached the point of choosing a navigation method for your website and you&#8217;re unsure how to organize the menu. You&#8217;re in luck! We\u2019ve written this article to offer you some solutions.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1 &#8211; The burger menu<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The term &#8220;burger&#8221; refers to the famous icon it represents, but today, the two or three horizontal lines can be replaced by new concepts. A \u201c+\u201d sign, the word \u201cmenu,\u201d or a more personalized design work just as well.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The principle remains the same: hide the navigation behind a click. After this click, a world of possibilities opens up! One, two, three levels of navigation; a horizontal or vertical menu; few elements with large font; many elements with smaller font, etc. You get the point.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The burger menu leaves a lot of room for imagination. It&#8217;s not always the best friend of clients who still believe that the three-click rule is universal. The reality is that several clicks within a well-organized information architecture are better than two or three clicks in an interface where all possible information is given at once.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example, the French e-commerce site, La Fnac, could have benefited from these tips to better display its product offerings.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A good example of a burger menu outside of e-commerce is the <a href=\"https:\/\/www.cegeptr.qc.ca\/\">C\u00e9gep de Trois-Rivi\u00e8res<\/a> website. When the menu is opened, the main sections appear, each with its own sub-navigation on the page.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.cegeptr.qc.ca\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/kryzalid.net\/wp-content\/uploads\/2020\/06\/unnamed.png\" alt=\"\" class=\"wp-image-17999\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Here\u2019s a simpler example of a burger menu created by Kryzalid for the Quebec company <a href=\"https:\/\/www.naya.com\/fr\" target=\"_blank\" rel=\"noopener noreferrer\">Naya<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.naya.com\/fr\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/kryzalid.net\/wp-content\/uploads\/2020\/06\/Naya.jpg\" alt=\"\" class=\"wp-image-18003\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">2 &#8211; Dropdown menu<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This method is probably the most classic. In other words, it may not be very original, but it works well in most cases. The only limitation is on the first level. Ideally, no more than six or seven main sections should be displayed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A well-known example is the <a href=\"https:\/\/www.indigo.ca\/en-ca\/\" target=\"_blank\" rel=\"noreferrer noopener\">Indigo Chapters<\/a> website. This entertainment and home decor company has a very extensive catalog. The main sections are clearly defined, and the dropdown menus are well structured.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.chapters.indigo.ca\/fr-ca\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/kryzalid.net\/wp-content\/uploads\/2020\/06\/indigo.png\" alt=\"\" class=\"wp-image-18011\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If needed, a secondary navigation can be added at the top to provide access to unique pages. This idea is used on Indigo&#8217;s site and also on the new website for the <a href=\"https:\/\/www.csslaval.ca\/\" target=\"_blank\" rel=\"noopener noreferrer\">Centre de services scolaires de Laval<\/a>, created by Kryzalid.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.csslaval.ca\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/kryzalid.net\/wp-content\/uploads\/2020\/06\/csslaval.jpg\" alt=\"\" class=\"wp-image-18002\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">3 &#8211; Dropdown menu + burger menu<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When you want to have it all, you can combine several methods. If you want to highlight several sections while keeping a \u201cmiscellaneous\u201d space, it\u2019s possible. Placing a dropdown menu and a burger menu allows you to promote certain parts of the client\u2019s offerings while keeping a structured space for less easily classifiable elements.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The <a href=\"https:\/\/www.lmu.edu\/\">Loyola Marymount University<\/a> site uses this system well. In the horizontal menu, you find the main functions of the university site: apply, visit, donate. Then, the burger icon provides more information on programs, for example.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.lmu.edu\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/kryzalid.net\/wp-content\/uploads\/2020\/06\/unnamed-1.png\" alt=\"\" class=\"wp-image-18001\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The new <a href=\"https:\/\/www.ikea.com\/ca\/fr\/\" target=\"_blank\" rel=\"noopener noreferrer\">IKEA<\/a> website uses this type of menu, highlighting Products, Rooms, and SALE, along with a burger menu that contains the site&#8217;s full navigation.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.ikea.com\/ca\/fr\/\"><img decoding=\"async\" src=\"https:\/\/kryzalid.net\/wp-content\/uploads\/2020\/06\/IKEA.jpg\" alt=\"\" class=\"wp-image-18014\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Kryzalid used this dropdown and burger menu technique to organize the extensive menu for the <a href=\"https:\/\/www.cegepst.qc.ca\/\">C\u00e9gep de Sorel-Tracy<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.cegepst.qc.ca\/programme\/preuniversitaire-sciences-de-la-nature\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/kryzalid.net\/wp-content\/uploads\/2020\/06\/CegepST-1.jpg\" alt=\"\" class=\"wp-image-18006\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">4 &#8211; That\u2019s all well and good, but how does it work on mobile?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Great question! Let me grab my ukulele and sing you a little song.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>The accordion is your friend,&nbsp;<br>Section titles as well,<br>Make the elements slide,<br>So you don\u2019t see everything at the same time!<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">These gentle words can be interpreted according to each project. The accordion is useful for storing second-level information. If you go beyond two levels, it\u2019s wiser to use a slider navigation. This means displaying the titles of the main sections first, and then, upon tapping, revealing the next level\u2019s items. A back arrow is, of course, provided to return to the previous section. <a href=\"https:\/\/www.ikea.com\/ca\/fr\/\">IKEA<\/a> gets it right by choosing this system. This way, the user focuses only on the information they want to see.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.ikea.com\/ca\/fr\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/kryzalid.net\/wp-content\/uploads\/2020\/06\/menu-mobile-1.jpg\" alt=\"\" class=\"wp-image-18013\"\/><\/a><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity is-style-wide\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">The challenge of a redesign mainly lies in the reconstruction of the navigation. It\u2019s essential to spend time on the site structure to find the best way for future visitors to navigate. Ideally, if the budget allows, multiple solutions should be tested with typical users to come up with a nearly perfect product. This is something you likely already know, but it\u2019s important to emphasize.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Kryzalid team is <a href=\"https:\/\/kryzalid.net\/en\/contact-us\/\">fully available<\/a> to guide you on this topic. With that, have a great day!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Creating a tree structure with several levels and several hundred pages is certainly an activity for maniacal organization neurotics. Thank goodness we&#8217;ve given these people a job: UX designer. So the first challenge at the start of a project with lots of content is to untangle all the information and sort it into major sections.<\/p>\n","protected":false},"author":1,"featured_media":13915,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[787],"tags":[1075,1076,1074],"class_list":["post-12240","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-en","tag-burger-menu","tag-dropdown-menu","tag-website-menu"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Three ways to create a menu for sites with a lot of content | Kryzalid<\/title>\n<meta name=\"description\" content=\"The challenge of a redesign lies mainly in rebuilding the navigation. Here are some ideas for organizing your website menu.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kryzalid.net\/en\/web-marketing-blog\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Three ways to create a menu for sites with a lot of content | Kryzalid\" \/>\n<meta property=\"og:description\" content=\"The challenge of a redesign lies mainly in rebuilding the navigation. Here are some ideas for organizing your website menu.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kryzalid.net\/en\/web-marketing-blog\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\/\" \/>\n<meta property=\"og:site_name\" content=\"Kryzalid\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kryzalid.net\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-18T04:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-18T20:28:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kryzalid.net\/wp-content\/uploads\/2024\/12\/Journal-Menu.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"2160\" \/>\n\t<meta property=\"og:image:height\" content=\"1840\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"kryzadmin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"kryzadmin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/web-marketing-blog\\\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/web-marketing-blog\\\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\\\/\"},\"author\":{\"name\":\"kryzadmin\",\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/#\\\/schema\\\/person\\\/2f2de2488c0f5dab190440fcf500419f\"},\"headline\":\"Three ways to create a menu for sites with a lot of content\",\"datePublished\":\"2020-06-18T04:00:00+00:00\",\"dateModified\":\"2024-12-18T20:28:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/web-marketing-blog\\\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\\\/\"},\"wordCount\":762,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/web-marketing-blog\\\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/kryzalid.net\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/Journal-Menu.webp\",\"keywords\":[\"Burger menu\",\"Dropdown menu\",\"Website menu\"],\"articleSection\":[\"Design UX\\\/UI\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/kryzalid.net\\\/en\\\/web-marketing-blog\\\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/web-marketing-blog\\\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\\\/\",\"url\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/web-marketing-blog\\\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\\\/\",\"name\":\"Three ways to create a menu for sites with a lot of content | Kryzalid\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/web-marketing-blog\\\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/web-marketing-blog\\\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/kryzalid.net\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/Journal-Menu.webp\",\"datePublished\":\"2020-06-18T04:00:00+00:00\",\"dateModified\":\"2024-12-18T20:28:35+00:00\",\"description\":\"The challenge of a redesign lies mainly in rebuilding the navigation. Here are some ideas for organizing your website menu.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/web-marketing-blog\\\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kryzalid.net\\\/en\\\/web-marketing-blog\\\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/web-marketing-blog\\\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\\\/#primaryimage\",\"url\":\"https:\\\/\\\/kryzalid.net\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/Journal-Menu.webp\",\"contentUrl\":\"https:\\\/\\\/kryzalid.net\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/Journal-Menu.webp\",\"width\":2160,\"height\":1840},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/web-marketing-blog\\\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Three ways to create a menu for sites with a lot of content\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/\",\"name\":\"Kryzalid\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/#organization\",\"name\":\"Kryzalid\",\"alternateName\":\"Agence web \u00e0 Montr\u00e9al\",\"url\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/kryzalid.net\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/k-logo.png\",\"contentUrl\":\"https:\\\/\\\/kryzalid.net\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/k-logo.png\",\"width\":240,\"height\":240,\"caption\":\"Kryzalid\"},\"image\":{\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/kryzalid.net\",\"https:\\\/\\\/www.instagram.com\\\/kryzagram\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/kryzalid-agence\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/#\\\/schema\\\/person\\\/2f2de2488c0f5dab190440fcf500419f\",\"name\":\"kryzadmin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/04fc22db582c4290ba2157e8a0cae34c3bb1160080e3fa87cd2ed50edd1bca1e?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/04fc22db582c4290ba2157e8a0cae34c3bb1160080e3fa87cd2ed50edd1bca1e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/04fc22db582c4290ba2157e8a0cae34c3bb1160080e3fa87cd2ed50edd1bca1e?s=96&d=mm&r=g\",\"caption\":\"kryzadmin\"},\"sameAs\":[\"https:\\\/\\\/kryzalid.net\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Three ways to create a menu for sites with a lot of content | Kryzalid","description":"The challenge of a redesign lies mainly in rebuilding the navigation. Here are some ideas for organizing your website menu.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kryzalid.net\/en\/web-marketing-blog\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\/","og_locale":"en_US","og_type":"article","og_title":"Three ways to create a menu for sites with a lot of content | Kryzalid","og_description":"The challenge of a redesign lies mainly in rebuilding the navigation. Here are some ideas for organizing your website menu.","og_url":"https:\/\/kryzalid.net\/en\/web-marketing-blog\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\/","og_site_name":"Kryzalid","article_publisher":"https:\/\/www.facebook.com\/kryzalid.net","article_published_time":"2020-06-18T04:00:00+00:00","article_modified_time":"2024-12-18T20:28:35+00:00","og_image":[{"width":2160,"height":1840,"url":"https:\/\/kryzalid.net\/wp-content\/uploads\/2024\/12\/Journal-Menu.webp","type":"image\/webp"}],"author":"kryzadmin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"kryzadmin","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kryzalid.net\/en\/web-marketing-blog\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\/#article","isPartOf":{"@id":"https:\/\/kryzalid.net\/en\/web-marketing-blog\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\/"},"author":{"name":"kryzadmin","@id":"https:\/\/kryzalid.net\/en\/#\/schema\/person\/2f2de2488c0f5dab190440fcf500419f"},"headline":"Three ways to create a menu for sites with a lot of content","datePublished":"2020-06-18T04:00:00+00:00","dateModified":"2024-12-18T20:28:35+00:00","mainEntityOfPage":{"@id":"https:\/\/kryzalid.net\/en\/web-marketing-blog\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\/"},"wordCount":762,"commentCount":0,"publisher":{"@id":"https:\/\/kryzalid.net\/en\/#organization"},"image":{"@id":"https:\/\/kryzalid.net\/en\/web-marketing-blog\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\/#primaryimage"},"thumbnailUrl":"https:\/\/kryzalid.net\/wp-content\/uploads\/2024\/12\/Journal-Menu.webp","keywords":["Burger menu","Dropdown menu","Website menu"],"articleSection":["Design UX\/UI"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kryzalid.net\/en\/web-marketing-blog\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kryzalid.net\/en\/web-marketing-blog\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\/","url":"https:\/\/kryzalid.net\/en\/web-marketing-blog\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\/","name":"Three ways to create a menu for sites with a lot of content | Kryzalid","isPartOf":{"@id":"https:\/\/kryzalid.net\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kryzalid.net\/en\/web-marketing-blog\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\/#primaryimage"},"image":{"@id":"https:\/\/kryzalid.net\/en\/web-marketing-blog\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\/#primaryimage"},"thumbnailUrl":"https:\/\/kryzalid.net\/wp-content\/uploads\/2024\/12\/Journal-Menu.webp","datePublished":"2020-06-18T04:00:00+00:00","dateModified":"2024-12-18T20:28:35+00:00","description":"The challenge of a redesign lies mainly in rebuilding the navigation. Here are some ideas for organizing your website menu.","breadcrumb":{"@id":"https:\/\/kryzalid.net\/en\/web-marketing-blog\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kryzalid.net\/en\/web-marketing-blog\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kryzalid.net\/en\/web-marketing-blog\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\/#primaryimage","url":"https:\/\/kryzalid.net\/wp-content\/uploads\/2024\/12\/Journal-Menu.webp","contentUrl":"https:\/\/kryzalid.net\/wp-content\/uploads\/2024\/12\/Journal-Menu.webp","width":2160,"height":1840},{"@type":"BreadcrumbList","@id":"https:\/\/kryzalid.net\/en\/web-marketing-blog\/three-ways-to-create-a-menu-for-sites-with-a-lot-of-content\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/kryzalid.net\/en\/"},{"@type":"ListItem","position":2,"name":"Three ways to create a menu for sites with a lot of content"}]},{"@type":"WebSite","@id":"https:\/\/kryzalid.net\/en\/#website","url":"https:\/\/kryzalid.net\/en\/","name":"Kryzalid","description":"","publisher":{"@id":"https:\/\/kryzalid.net\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kryzalid.net\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/kryzalid.net\/en\/#organization","name":"Kryzalid","alternateName":"Agence web \u00e0 Montr\u00e9al","url":"https:\/\/kryzalid.net\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kryzalid.net\/en\/#\/schema\/logo\/image\/","url":"https:\/\/kryzalid.net\/wp-content\/uploads\/2024\/12\/k-logo.png","contentUrl":"https:\/\/kryzalid.net\/wp-content\/uploads\/2024\/12\/k-logo.png","width":240,"height":240,"caption":"Kryzalid"},"image":{"@id":"https:\/\/kryzalid.net\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kryzalid.net","https:\/\/www.instagram.com\/kryzagram\/","https:\/\/www.linkedin.com\/company\/kryzalid-agence\/"]},{"@type":"Person","@id":"https:\/\/kryzalid.net\/en\/#\/schema\/person\/2f2de2488c0f5dab190440fcf500419f","name":"kryzadmin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/04fc22db582c4290ba2157e8a0cae34c3bb1160080e3fa87cd2ed50edd1bca1e?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/04fc22db582c4290ba2157e8a0cae34c3bb1160080e3fa87cd2ed50edd1bca1e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/04fc22db582c4290ba2157e8a0cae34c3bb1160080e3fa87cd2ed50edd1bca1e?s=96&d=mm&r=g","caption":"kryzadmin"},"sameAs":["https:\/\/kryzalid.net"]}]}},"_links":{"self":[{"href":"https:\/\/kryzalid.net\/en\/wp-json\/wp\/v2\/posts\/12240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kryzalid.net\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kryzalid.net\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kryzalid.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kryzalid.net\/en\/wp-json\/wp\/v2\/comments?post=12240"}],"version-history":[{"count":3,"href":"https:\/\/kryzalid.net\/en\/wp-json\/wp\/v2\/posts\/12240\/revisions"}],"predecessor-version":[{"id":14203,"href":"https:\/\/kryzalid.net\/en\/wp-json\/wp\/v2\/posts\/12240\/revisions\/14203"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kryzalid.net\/en\/wp-json\/wp\/v2\/media\/13915"}],"wp:attachment":[{"href":"https:\/\/kryzalid.net\/en\/wp-json\/wp\/v2\/media?parent=12240"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kryzalid.net\/en\/wp-json\/wp\/v2\/categories?post=12240"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kryzalid.net\/en\/wp-json\/wp\/v2\/tags?post=12240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}