Digital Banking for Vancity

We kicked off the project with a deep-dive into Vancity's existing digital products, member feedback, and competitive landscape. Stakeholder interviews, heuristic evaluation of the current platform, and competitive benchmarking against leading fintech apps gave us a clear picture of where the experience was breaking down and what members actually needed.

Before any visual design, we mapped out every core banking task members perform (login, dashboard, e-Transfers, bill payments, cheque deposit) through low-fidelity wireframes. Multiple rounds of internal review and user testing sessions validated navigation structure, task completion rates, and information hierarchy before we moved to high-fidelity design.

We developed a comprehensive visual design language grounded in Vancity's community-first identity, then codified it into a full component library. Buttons, inputs, navigation, cards, data display patterns, typography, and colour system designed to WCAG accessibility standards and documented for Vancity's internal team to maintain and extend well beyond the engagement.

Building on the illustration system established during Vancity's rebrand, we adapted and extended it for use throughout the app experience. Micro-interactions, animated transitions, and thoughtful application of the existing visual language modernized the interface.