The Biometric Authentication project is one of my all time favorites. Not only I had the pleasure to work with an amazing cross-functional UX team, development and product teams; but also enjoyed ideating, testing and strategizing the designs for this mobile native application from the start. My role in this project was Visual Design Lead and interaction design support, motion graphic artist and overall production for the first 8 sprints.
In this project, the UX Team needed to work with the legacy pilot application to improve both the user flows and the overall look and feel, aligning them with Wells Fargo Commercial Banking's new experience.
The user needs addressed in this project included enabling effective sign-on without the use of an RSA Token on mobile devices. Additionally, the goal was to alleviate the stress of entering complex, case-sensitive passwords by allowing users to access their mobile application through alternatives such as eye print, face recognition, or voice recognition.
Animation
The animation below is displayed when the user first opens the CEO app on their mobile device. Following the animation, a walkthrough highlights the significant benefits of Biometric Authentication and encourages users to enroll in the new authentication options.
I created these screens and animations using Photoshop in gif format to show design intent to the iOS app developer, later used Principle to check exact second and transition style.
I collaborated with the UX Core Team, Product, Technology, and the Visual Design Director to create a strategy that transformed business requirements and user research into engaging visuals.
We developed sketches to present Biometric Authentication options, resulting in a vibrant walkthrough that uses animations to illustrate the Biometrics Sign-On experience and includes a call to action to encourage faster user enrollment.
Cross-Functional Team Conspiracy
I worked with the UX team to define clean visuals and concepts in 7 days, taking user research feedback and executive reviews. Delivered Invision Prototype with micro-interactions and championed animations/transitions and timings, various visual design comp options, different structures in wireframes, and in parallel developed prototypes for testing and icon/visual assets for production from scratch, creating a visual design specification and asset delivery standard for iOS native applications. Each design sprint consisted on 3 weeks, ideating, getting approval from stakeholders through communication of design intent and creating assets for production working closely with the development team.
I worked on all the design explorations shown below, proposed to product owners and teams, adhering to Wells Fargo CEO visual standards. I interpreted most screens that were later added to the task flows also proposed interactions for these.
I worked all these screens and proposed to management and product owners. The visuals shown below were the ones chosen in the end.
I created the visual design on the screens and also worked on these detailed specs using Sketch- for prototyping I used Invision.