CIBC US: SMART ACCOUNT

Simplifying everyday banking for visiting, working, living, or shopping south of the border.

visual identity
rebrand
user interface
Role
Visual and UI designer
AEM author
Process
Visual design
Prototyping
Live building
QA & testing
tools
Adobe Experience Manager (AEM)
Figma and Invision

Improved findability, user flow, content and visuals of CIBC Bank USA Smart Account for Canadian and US Smart clients.

ask

US Cross Border Banking is an account for business or pleasure where Canadian clients can conveniently bank in the USA. There are two US Cross Border Banking accounts but The CIBC USA Smart Account (checking) was the page that needed work.

Problem

  • User journey is complex
  • Information of the account was hard to find
  • No clarity of information about the product
  • Trouble finding link to page on CAN site
  • Different visuals and experiences in CAN vs US site
  • Client has to have CAN & US CIBC banking accounts

solution

  • Clarify the user flow from Cross Border Banking CAN page to US
  • Explain why users need to shift to the US site
  • Allow users find the Cross Border easier page from within the CAN site
  • Bring a story to users and clearly articulate what product and benefits (value prop)
  • Create visually consistent pages
Cross Border Banking  (CAN) Page

problem

  • Lack of clear information in (right) container
  • Challenging to distinguish between sections easily
  • Layout lacks visual appeal
  • Users don’t know that they will be redirected to the USA site

solution

  • Added umbrella value prop above to introduce the two accounts
  • Used icons to help differentiate accounts
  • Highlighted value props - Bulk of content on US page
  • Provided more information to prompt users to click “Learn more”
  • Added transition modal to both ENG and FR journeys and explained why
Cross Border Banking  (US) Page

problem

  • User journey is complex
  • Information of the account is hard to find
  • No clarity of information about the product
  • Trouble finding link to page on CAN site
  • Different visuals and experiences in CAN vs US site
  • Client has to have CAN & US CIBC banking accounts

solution

  • Clearly explained what the checking account does, how to use it, when to use it and its benefits
  • Modified content structure and layout
  • Highlighted features and benefits, who the product is for
  • Emphasized requirements to sign up, use the product, etc
  • Exposed branch and ATM information
Not full page prototype
Cross Border Banking FAQ (US) Page

problem

  • Users struggle to find answers to their questions on the page
  • Amount of text makes it difficult to engage users and need to provide visual relief

solution

  • Added category cards and descriptions at the top of the page
  • Allowed users to quickly and easily find answers with anchor links
  • Reorganized questions by task type (“how to sign up”, “how to transfer money”, etc) rather than product type

More projects