The navigation has an underbar so you can

nejavo

Cognigy mega menu Source: Cognigy Many usage scenarios are displayed, such as tourism, sales, and education. If this were a regular drop-down menu, it would be long and vertical. It may be difficult to see on devices with small vertical screens, such as laptops. However, with a mega menu that takes advantage of the width, there is no need to worry. Wide monitors have become popular in recent years, so this design makes sense. Other than that, the links are arranged in order, so it looks nice. Also, the links are well spaced, making them easy to read. If you do this, you'll be able to create a mega menu that's easy to read with just text. Related article What is the difference between an easy-to-read homepage? Introducing key points to keep in mind Kameda Seika Co., Ltd. First view of Kameda Seika Co., Ltd. Source: Kameda Seika Co., Ltd. Kameda Seika Co., Ltd.'s mega menu uses decorations in the same color as the company logo, making it easy to see and use.


Please hover your mouse over "Corporate Information" in the global navigation. Global list of phone numbers navigation of Kameda Seika Co., Ltd. Source: Kameda Seika Co., Ltd.  clearly see which one is currently selected . Next, let's take a look at the expanded mega menu. Kameda Seika Co., Ltd. mega menu Source: Kameda Seika Co., Ltd. The text for "Corporate Information Top" is displayed in a larger font size (font size) than other pages because the linked page is on the second level . Although there are many links to third-level pages such as "Greetings" and "Company Profile," the ">" icon ensures independence and makes them easy to read . By designing in this way, you can effectively convey the hierarchical structure of your homepage to users. LINEMO LINEMO first view Source: LINEMO The homepage of ``LINEMO'', a service provided by SoftBank Corp., has navigation in the side column. What I want to pay attention to are the navigation icons.



A "+" icon is installed for links that expand a mega menu, and a ">" icon is installed for links that directly transition to a specific page. LINEMO global navigation Source: LINEMO In this case, it is clear whether there is a mega menu or not . There is no need to hover over the mouse and wait to see if the mega menu opens, so there is no need to worry about stressing the user. The mega menu after expansion has also been adjusted to make it easier to understand the relationships between links . LINEMO mega menu Source: LINEMO In contrast to the upper level, such as ``Flow to start using,'' the lower level, such as ``Transferring from SoftBank/Ymobile,'' has the first letter lower.