Here is an example of a landing page. This can be used for large, overarching sections of your site's Information Architecture. The objective here is to present very high-level entryways for your primary audiences to navigate to the information they are looking for.
User attention is a precious resource, and should be allocated accordingly. The total cognitive load, or amount of mental processing power needed to use your site, affects how easily users find content and complete tasks.
To keep the cognitive load at a minimum, it is important to strike a balance between the entry paths you want your users to take and the information presented here. Use meaningful links, images, and typography, as well as common layouts and labels that are understood by your primary audiences.
While it is important to keep key information easily accessible, minimizing the number of clicks is an arbitary rule that is not backed by research. It is more important to ensure your navigation is organized with clear pathways, that content gets progressively more specific the deeper into the site structure your users advance, and that your site visitors always know where they currently are and how to get to their destination.
Using the Card Group Component
The Card Group is used to summarize 2-4 items and provide links for more detail. It is useful as a previewing and navigational tool, particularly on landing pages such as sectional and department home pages where you want to overview a number of offerings or services or sub-sections that a particular unit provides.
Card Group Item 1
Insert copy here that is concise, strong in information scent, and will assist users in making the right choice to best meet their needs.
Card Group Item 2
Insert copy here that is concise, strong in information scent, and will assist users in making the right choice to best meet their needs.
Card Group Item 3
Insert copy here that is concise, strong in information scent, and will assist users in making the right choice to best meet their needs.
Card Group Item 4
Insert copy here that is concise, strong in information scent, and will assist users in making the right choice to best meet their needs.
Visual Call to Action
Visual Calls to Action (CTAs) are flexible. You can use a CTA to highlight key next steps to filter users down the funnel to applying, tease out a news story, or promote one part of the website to another by previewing something that lives elsewhere by providing a little context and inspiration as to why someone may want to take a look. Visual CTAs have 4 different color options and can be left- or right-aligned.