In this article, we will focus on

wokijo

the "function" of the sidebar, rather than its position or installation method, in order to give you more flexibility in thinking about the layout. *For the homepage layout, please see the article below. Related article Basics of homepage layout! Easy-to-understand explanation of types and how to choose Sidebar design example Here, we will explain sidebar design by dividing it into the following functions. Sidebar design example Sidebar design with global navigation Sidebar design with search window Sidebar design with categories Sidebar design with banner Sidebar design with table of contents (headings) on the same page Sidebar design with CTA button Sidebar design with inquiry form Please use each sidebar as a reference while paying attention to "what function it performs." Sidebar design with global navigation NIKIGOLF Source: NIKIGOLF ``NIKIGOLF'' is the homepage of ``Niki Golf Co., Ltd.'', which mainly sells golf equipment. The sidebar includes global navigation so users can quickly find the page they want.


Another point is that the sidebar is fixed. The sidebar is always visible, even if you Cyprus Phone Number List scroll to the bottom of the page or visit other pages. This makes it easy for users to find the page they are looking for. Sidebar design with search window au Source: au The au service site has a search window in the sidebar. Not only does it have a magnifying glass icon, but it also has "Search" written in the input field, making it easier to recognize the search window. The ``au'' homepage is visited by people from a wide range of generations. In this way, if you make it easy for everyone to understand, you can reduce the possibility of users getting confused. Sidebar design with categories Purchase Daikichi Source: Purchase Daikichi “Kaitori Daikichi” is a purchasing store with approximately 500 stores nationwide. The sidebar contains a list (categories) of purchased items.



Since there are categories, it is clear what kind of items are available for purchase . The vertically long display area unique to the sidebar is effectively utilized. Interested users will be able to quickly access the desired category. Sidebar design with banner Chiyo-pet Source: Chiyo-pet "Chiyo-pet" is an e-commerce site for pet supplies. A campaign banner is placed in the sidebar. Perhaps because it has words like "One Coin Sample" and "Points Present," you can't help but pay attention to the banner. Another key point is that there is a button inside the banner that prompts the user to take action, saying "Click here for more details . " This allows users to determine that there is a link. This is an effective way to increase the click-through rate of banners. Sidebar design with table of contents (headings) on the same page RELOCA Source: RELOCA "RELOCA" is a homepage that conveys the charms of Japan's regions.