RBFCU
Above: Using Sketch design tool, I had to design for several card scenarios - from freezing, reporting lost, replacing, setting travel notifications, and setting alerts.
Above: I designed a UI pattern library that had influences from Material Design as well leveraging components that were in place from the Ionic Component Library. Heuristics we wanted to address were matching between the system and real world, control and freedom, recognition vs recall. 10 Usability Heuristics for User Interface Design.
Above: We needed to clearly convey to the member what was happening, as well as next steps. The credit union member needs reassurance that their task was completed correctly, and what to expect next. We also wanted to encourage them to take a preventative course of action such as setting up alerts for their cards.
Manage Cards
While working for RBFCU (Randolph Brooks Federal Credit Union), I had the opportunity to design a solution for Managing Credit and Debit Cards. The process they had before was antiquated, and in need of a redesign.
The goal was to design a simple, intuitive way for members to freeze, replace, report lost, set card alerts, and set travel alerts for a proposed mobile app. At the time of this design, it was still undetermined whether this would be a native app, or a mobile web page solution.
The approach we considered was leveraging Ionic Framework, which would still allow the in-house development team to implement Angular and not miss a beat. This was intended to be a hybrid approach - developing and designing for both iOS and Android with one approach.
Based on the flat design elements we had in place, I designed flat card images rather than utilize using photos of cards. This lent itself favorably to the overall look and feel we were achieving for this solution. With some revision, this design is now available on the RBFCU mobile app.