How I led the redesign of PNC’s mobile banking app, uniting clean design with an immersive fintech features.
Summary
In the dynamic world of mobile banking, I led the transformative redesign of the PNC mobile banking app, aimed at enhancing user experience and financial management. By integrating user insights with the latest in financial technology, we crafted an app that epitomizes convenience, security, and empowerment in personal finance.
The redesign focused on creating an intuitive interface and incorporating advanced features for personalized financial insights and effortless account management. This transformation goes beyond aesthetic enhancement, setting a new benchmark in mobile banking that prioritizes user needs and financial well-being.
Responsibilities
Roles
Strategy
Competitive Research
Quantitative Research
Qualitative Research
User Personas
UX & Visual Aids
Prototyping
Customer Engagement
UX Designer
UI Designer
Researcher
Tools
Figma
Procreate
Heycollab
Google Slides
Challenge
PNC faced the challenge of innovating within the crowded mobile banking sector, where delivering a seamless, secure user experience and cutting-edge financial management tools is essential to stand out and meet the evolving needs of digitally savvy customers.
Solution
We engineered a user-friendly mobile banking app for PNC that prioritizes security and personal finance empowerment. This approach not only enhanced customer satisfaction but also reinforced PNC's position as a leader in digital banking innovation, cultivating robust user loyalty.
User Experience Design
User Experience Design is the scientific art of crafting the blueprint behind a product’s functionality.
It lays the groundwork for how a user interacts with a product by methodically planning its information architecture, sitemaps, user flows, and both low and high-fidelity wireframes.
This stage is crucial for vetting different hypotheses through usability testing, ensuring the product not only meets but exceeds user expectations.
Information Architecture
Information architecture played a pivotal role in determining the key features and their relationships. While the final application required several additional features (greyed out in this diagram), this initial version focused on 5 main and three utility navigation features.
User Flows
Armed with a well-defined sitemap that provided a macro-level view, we then honed in on mapping out the specific routes and user flows within the platform. This more granular focus allowed us to ensure a seamless navigation experience across the entire ecosystem.
Low-fidelity Wireframes
Low-fidelity wireframes serve as rapid iterations to vet the product’s functionality methodologies.
High-fidelity Wireframes
These digital greyscale renderings offer a more detailed layout, serving as a refined blueprint for the product’s design.
User Experience Design
User Interface Design is the aesthetic discipline that dictates how a product visually communicates with its users.
The process kicks off with the creation of mood boards, serving as visual compasses that help define the product’s overall look and feel.
This initial step is instrumental in shaping a cohesive visual language, setting the stage for the subsequent design elements.
Moodboard
Curated visual inspirations into a moodboard to define aesthetic direction and inform design elements.
Style Guide
Established a style guide to solidify design principles, typography, and color schemes for visual consistency.
User Interface
A versatile and engaging user interface that seamlessly transitions between mobile and desktop platforms.
Contact
Have dreams of a custom digital presence? Let’s make it happen. Talk soon!
Hit submit and consider us talking.
One business day max.
850.225.3665
hey@neaux.design