East Boston Savings Bank

Front-end design

Role: UI Designer
Date: 2017

East Boston Savings Bank wanted a website redesign that would feature their new online banking app and include a branch locator. For this project I created several style tiles and once the EBSB team approved a direction, I created an in-depth design consisting of detail templates, article pages, their branch locator, and more. I also created a mini site for their stock bank called EBSB Direct. As part of the work I considered mobile views and compliance with the Americans with Disabilities Act and Web Content Accessibility Guidelines (e.g. text contrast and sizing tools).

East Boston Savings Bank
Final homepage design.
Details

Goal: Provide East Boston Savings Bank with several style options, multiple templates, a location and ATM finder, all in high fidelity and mobile-friendly designs, especially considerate of accessibility requirements.

Challenges: 
The dense amount of information on each page, especially the dense location finder, and the many iterations of wireframes and designs before approval.

Deliverables: wireframes, style tiles, desktop designs, mobile designs, mini site, and accessibility guidance.

Style tile concepts for their overall design direction. EBSB chose the second approach.
Wireframes from our collaborative brainstorming session.
Design for the Branch locator.
Mini site for EBSB direct.
Mobile menu designs.