Enhancing user experience

UX & UI development for Consumers Bankers Association (CBA) map module

Kristin Jolda Director of Production Taoti Creative

My experience with Pepper Square was very positive. The team was very responsive and accountable. I would recommend Pepper Square to other clients because the company stands by the work produced and is a valuable partner to have.

Project overview

  • Taoti Creative is a full service digital agency based out of Washington D.C. The agency wanted to create an interactive and responsive US map for their client Consumers Bankers Association (CBA). The map allows users to access state specific information in one click.
  • Taoti partnered with Pepper Square for the UX & UI and Drupal backend development for the CBA map module.


  • Represent data in a map module.
  • Responsive map functionality.
How we made a difference

How we made a difference

  • Implemented map popup functionality for both desktop and responsive version.
  • Designed floating popup for responsive.
  • “Browser resizing” to maintain a pixel perfect experience.
  • Responsive map canvas for all the devices.
  • Cross browser issues were taken into consideration.
  • Integrated the font from other CBA website.
  • Added the header and footer area to the map page.
  • The module was not hard coded therefore the content was editable by the admin.
The value delivered

The value delivered

  • The responsive map functionality enhanced user experience.
  • Clean and simple UI facilitated user interaction with the module.
Do NOT follow this link or you will be banned from the site!