Aggregated pages and sub pages

There are two groups of pages; aggregated pages and sub pages. Pages on the aggregated level are at the top of the hierarchy such as the start page and theme pages that summarize an area and give the user an overview. Pages on sub level is where the real content is.

Page levels

The difference between start page, theme page and sub page

Start pages

The start page is an aggregated page:

• Contain widgets from all different sections of the site.
• Focuses on giving the user an overview of their whole economy and engagement.
• From here the user can navigate both to theme pages and directly to sub pages.

Theme pages

Theme pages are also aggregated pages:

• Very similar to the start page but holds only widgets from a certain section.
• Focuses on giving the user an overview of their engagement within a certain area.
• Examples might be savings, liquidity, finance.
• Note that you do not need to have a theme page for a certain area, it should only be there if it brings extra value to the customer in terms of making it easier to get a a good overview and highlight important information to the customer.

Sub pages

Sub pages:

• Where the module lives. Hold all pieces of information related to one subject.
• Module takes up most space, but widgets may be placed under to support content in module.
• Examples might be accounts, funds, loans.

Page types

All pages are divided in three zones where each zone contains different kinds of content with different purposes to make it intuitive for the user to interact throughout the site. ​

The zones are always used in this set order and should not be rearranged. ​

All zones do not need to be present on all pages. In situations where we don’t want to distract the user or encourage further exploration, Zone 3 shall not be present. This applies for example on pages that contains application flows.​

The zones in short

• Zone 1: For orientation and quick introduction. Contain main headline (H1), cluster navigation, global functions in top bar.​
  Tech stuff: The zone is not a part of the module/MFE that each project develops.
  
  
• Zone 2: Hold main content. Different layouts for different functions but variations is controlled by page-types.
  Tech stuff: In this area the MFE/micro site is hosted.
  
  
• Zone 3: Influence customers to explore further content. This may be promotional offers or inspirational content.
  Tech stuff: The zone content is handled by the shell/channel team.

Page zones