Footer Consolidation
Overview
The department had information silos among the development teams. This resulted in over 30 active footers being built with little to no design support.
Problem: Financial regulations were changing rapidly and maintaining the footers were a major drain on development and legal teams. It also exposed the company to legal and compliance risk.
Solution: Build the footer component in the Design System and create variants to fulfill the requirements of the different Lines of Business. Tokenizing the footer allows us to make approved regulatory updates that can be applied across the organization.
Discovery
Team Sync
Received buy-in from stakeholders and subject matter experts on the footer consolidation.
Product & Marketing Alignment
Each team would have governance over specific parts of the component. We met with key stakeholders to identified their needs.
Legal Requirements
Different disclosures on the footer had a different legal expert. We reached out to each one to learn about the specific requirements.
Tech Feasibility
The development team working on the Single Page Application project was brought in to give their thoughts on long term strategy.
Stakeholder Groups
Personal Banking Product Managers, Business Banking Product Managers, Legal and Compliance, Single Page Application Development Team, Marketing and Public Sites, Socialization and Insights, Design System, Product Design
Legal Requirements
States FDIC coverage for investment and deposit accounts
Disclosure Type
Not, Not, May Statement
Description
Requirements
Must be separated from the FDIC statement
Must be apparent
Requirements are constantly changing
Design Notes
Prominent and away from FDIC disclosure
May be determined by the page content
Ok to over disclose
FDIC insurance protects deposits
FDIC
Must be on pages with deposit products
Needs to be on pages with deposit products
Ok to over disclose
Banks are prohibited from discriminatory practices when providing home loan services.
Equal Housing Lender
Must be on pages with home loan service ads
Must use “Equal housing lender” or “Equal opportunity lender” or an approved logo
Must be on pages with home loan services
Ok to over disclose
States that the content is covered by copyright
Copyright
Year indicates when Copyright was declared
Does not need to be the current year
No registration required
Year should be updated to look professional but not required
Ok to over disclose
Identifies that CNB is a subsidiary of RBC
Subsidiary
For transparency
Ok to over disclose
Marketing links were outdated so the URLs were updated be accurate.
Apple Store and Google Play badges direct to respective personal and business apps post authentication.
A Digital Banking resource link will be added to the personal banking and public footers.
Personal and business banking will need different UI styles and links specific to the line of business.
Footers on authenticated and non-authenticated pages can be the same.
Use a public footer for the login page since we don’t know use cases pre-authentication.
Marketing and Product Sync
Marketing Needs
Product Needs
Changes to the pattern of the component will go through the Design System Team.
Roughly 30 footers currently exist built by 30 different teams. The Design System team will configure the new footer for all platforms.
A style layer will be created for the different lines of business.
All parts of the component will have the ability to toggle off and on to adjust to changing legal requirements.
Dev teams will pull from the component library in Storybook and the Design System team will provide support.
Changes to the content of the component will go through the devs teams.
Need to take inventory of vendors handling the footer and consider end of life.
Need to determine load handling. One option is Adobe Launch to progressively load regulatory content before marketing.
Tech Feasibility
Design System Team
Single Page Application Dev Team
The Footer Component
The footer used on the public facing site was the most updated and fully met legal requirements so this design was used to build the component.
Styles
A style layer on the component will provide customized UI.
Each line of business has the ability to display custom links.
Some common links will be consistent for all lines of business.
Footer Variants
Properties
Each part of the footer was built to be fully customizable to account for any use case.
Regulatory items are pre-approved by the Legal and Compliance team.
Contains themes for Personal and Business lines of business.
Each part of the footer was built to be fully customizable to account for any use case.
Regulatory items are pre-approved by Legal and Compliance.
Some common links will be consistent for all lines of business.
Properties
Thank You For Reading!