Cosmic Wild Woman
✨🌿

Cosmic Wild Woman ✨🌿Cosmic Wild Woman ✨🌿Cosmic Wild Woman ✨🌿
Home
UI / UX Portfolio
  • Hello
  • Safelite Site Refresh
  • Big Lots OP2P
  • M&T Bank Case Study
  • Gillette Venus Website
  • GV Social App
  • GV Product Recommender
  • GV Step Up ane Step Out
  • #InASnap Social Campaign
  • Bush's HGTV Skin Takeover
  • Highball Website Redesign
  • SW PRO App Redesign
  • SW PRO App Marketing
  • SW iPad Launch Kit
  • SW E-Comm Marketing Kit
  • SW Booth Graphics
  • CSCA Branding
Fine Art Portfolio
  • About Cosmic Wild Woman
  • Set Designs and Props
  • Wings and More Mural
  • Reverse Tie Dye Apparel
  • Paintings
Shop
Testimonials
Facebook
Instagram

Cosmic Wild Woman
✨🌿

Cosmic Wild Woman ✨🌿Cosmic Wild Woman ✨🌿Cosmic Wild Woman ✨🌿
Home
UI / UX Portfolio
  • Hello
  • Safelite Site Refresh
  • Big Lots OP2P
  • M&T Bank Case Study
  • Gillette Venus Website
  • GV Social App
  • GV Product Recommender
  • GV Step Up ane Step Out
  • #InASnap Social Campaign
  • Bush's HGTV Skin Takeover
  • Highball Website Redesign
  • SW PRO App Redesign
  • SW PRO App Marketing
  • SW iPad Launch Kit
  • SW E-Comm Marketing Kit
  • SW Booth Graphics
  • CSCA Branding
Fine Art Portfolio
  • About Cosmic Wild Woman
  • Set Designs and Props
  • Wings and More Mural
  • Reverse Tie Dye Apparel
  • Paintings
Shop
Testimonials
Facebook
Instagram
More
  • Home
  • UI / UX Portfolio
    • Hello
    • Safelite Site Refresh
    • Big Lots OP2P
    • M&T Bank Case Study
    • Gillette Venus Website
    • GV Social App
    • GV Product Recommender
    • GV Step Up ane Step Out
    • #InASnap Social Campaign
    • Bush's HGTV Skin Takeover
    • Highball Website Redesign
    • SW PRO App Redesign
    • SW PRO App Marketing
    • SW iPad Launch Kit
    • SW E-Comm Marketing Kit
    • SW Booth Graphics
    • CSCA Branding
  • Fine Art Portfolio
    • About Cosmic Wild Woman
    • Set Designs and Props
    • Wings and More Mural
    • Reverse Tie Dye Apparel
    • Paintings
  • Shop
  • Testimonials
  • Facebook
  • Instagram
  • Sign In
  • Create Account

  • Orders
  • My Account
  • Signed in as:

  • filler@godaddy.com


  • Orders
  • My Account
  • Sign out

Signed in as:

filler@godaddy.com

  • Home
  • UI / UX Portfolio
    • Hello
    • Safelite Site Refresh
    • Big Lots OP2P
    • M&T Bank Case Study
    • Gillette Venus Website
    • GV Social App
    • GV Product Recommender
    • GV Step Up ane Step Out
    • #InASnap Social Campaign
    • Bush's HGTV Skin Takeover
    • Highball Website Redesign
    • SW PRO App Redesign
    • SW PRO App Marketing
    • SW iPad Launch Kit
    • SW E-Comm Marketing Kit
    • SW Booth Graphics
    • CSCA Branding
  • Fine Art Portfolio
    • About Cosmic Wild Woman
    • Set Designs and Props
    • Wings and More Mural
    • Reverse Tie Dye Apparel
    • Paintings
  • Shop
  • Testimonials
  • Facebook
  • Instagram

Account


  • Orders
  • My Account
  • Sign out


  • Sign In
  • Orders
  • My Account

M&T Bank Case Study, Continued

NOTE: Due to limitations with the GoDaddy Website Builder, I had to separate this Case Study into two pages. 

Contents

  • The G2O Team
  • My Role & Skills
  • Original Experience Challenges
  • Iterations RD 1
  • Research & Data, Continued
  • Iterations RD 2
  • Contributing to a Design System & Documentation
  • Results

Research & Data, Continued

Rapid Usability Testing for Online Users

  • Goal: to discover user pain points, inform design decisions and feature prioritization 
    • My lead research partner did frequent rapid iteration sessions both internal & remote
    • They did over 20 usability sessions over 5 months


  • My role: I supported my lead researcher by: 
    • Creating the prototypes & flows for testing
    • Taking notes and asking questions to participants


  • What we discovered: Doing this rapid testing helped to answer design questions early and often throughout the process for account opening, cross-sell and joint applicant scenarios, as well as editing of information screens

My lead researcher doing an in-home observation with an M&T Bank customer

NOTE: This video has no audio, just visual reference

A user's reaction going from happy, less happy, to not happy

Branch Usability Testing

  • Goals: 
    • To observe the bankers’ behavior, see how we can influence it with the next design iteration of Dash (the branch product the UX team designed)
      • We set up the environment by using one of the conference rooms at our client’s office to transform it into a banker’s branch office, along with a banker PC touchscreen computer on monitor arm that could swivel. The intention of this piece of equipment is to see if the banker shares their screen with the customer, like we intended them to do when we designed the Dash product
    • Empower M&T team members (Product Owners, Stakeholders, and members of the dev team) to get ongoing exposure to real users


  • My Role:
    • I flexed my acting skills and played the role of a research confederate where I sat with 8 M&T bankers, and the prototype of the product I designed, and played the role of a bank customer with 3 different scenarios
    • I supported my peer & interaction designer in creating an Axure prototype which gave a more realistic customer search and profile experience (compared to an InVision prototype which is very limited in its interactive capabilities). This prototype was high fidelity and allowed us to build scenarios that felt real to our banker participants 


  • What we discovered: 
    • Search was generally viewed as easy to use
    • Returning no results is a critical moment
    • When too many profiles were returned bankers were overwhelmed
    • Bankers liked the information we provided on the customer profile page
    • The information on the customer profile page was used for product recommendations
    • Bankers want a flow that lets them (1) verify customer information then (2) view products then (3) open the account
    • Bankers see Dash as a potential platform for Customer relationship management
    • The product page needs to scale for all products and additional information

Design QA testing

  • Goal: During the traditional Quality Assurance testing phase where our Automation Testers are focused on the functionality of the product, myself and the other UX and UI designers on my team have created a better process to include Design QA testing


  • My Role: review what the developers have built, and give feedback so they can make any design or content changes before things are pushed to production


  • What we discovered: a new way to communicate and collaborate with our cross-discipline dev partners at M&T Bank, as well as keeping the integrity of the design intact

What I've Learned from Research & Data as a UI/ Visual Designer

Research

I’ve really enjoyed being involved & experiencing the research process and learning about different methods to collect data. I’ve seen product flows transform as a result of the research and the iteration of test & learn phases. 


In my past job experiences I was just fed data from my researchers, which did support me in making design decisions, but I felt like something was missing. 


During the last two years of my recent experiences as a UI/ Visual Designer, I took any opportunity to participate & support the research and testing phases of projects. I heard feedback first hand, rather than it being a game of telephone and having it passed down to me. 


Hearing feedback first hand has empowered me as a designer to play with ideas, and bend or enhance the product. I feel more invested and excited about the next iteration of the design. 

I've learned it’s all an iterative process, and it's fun to look back at where the product was when I first started two years ago vs. what it looks like today. They may have been small changes, but testing helped me to create a better experience for users. 


Something I would like to explore in the near future is heat-map testing for digital products. This kind of testing allows you to ask different kinds of questions. But some projects move slower or don't have the budget and resources to do these kinds of testing.


I've really enjoyed my recent experience with research and testing. I've been exposed to different forms of testing methods and learned tips and tricks along the way. I've learned there is no "one way" to do testing, and to try different methods to discover if it works for the problem or question at hand. With UX Design & Research there’s an importance in balancing the needs of the users, the business, & technology. 


And, in general, whatever project I’m on, the process is always iterative and has room for improvement. 

Data

Data is king! Without data, I'm just designing off of my own assumptions and bias. 


Data influences business decisions. I can use data to set up fast-fail test & learn experiences, where the client isn’t losing a lot of money because I'm testing small things, before going into larger test phases. I quickly discover where the users are struggling, and the opportunities to make their experience better.


Something that happened for me over time is the ability to recognize if the data is biased. Where did it come from? Is it as neutral? Or was it influenced in some way? 


I allow time for conversations with the client about opinion vs data, and support them in understanding we can't just design off of what they think or their own bias and assumptions.


In my experience, the lack of data makes things go wrong within a project. Working on a client like M&T Bank has helped me realize that data & complex systems are fun to work with.


Through research, I've often discovered that the client is withholding their data. It can be scary for clients because they don’t know what the research is going to find or reveal — it can feel like the research is digging the skeletons out of their closet. Sometimes I'm exploring places the client doesn't want to go or look into — but really I need to look at the data from all angles. 


During research & data collection it’s important I assure the client, “We're going through this phase together” and I let them know, “I'm here for you, and whatever we find is going to matter and support the project. We're going to understand the user's pain points, and we're going to get to the root cause of the problem.” I’m thankful to have a very curious, supportive, and flexible personality.

Iterations RD 2

The design approach of the UX team at G2O was always to build incrementally: start with the MVP which includes the most important products, scenarios & features to show value, and iterate from there.


The MVP/ first release of the Dash branch product was focused on the account opening experience for new-to-bank customers. Dash is currently released to a small amount of digital-focused test branches in five digital ambassador regions for M&T Bank. 


Then our UX team was focused on creating a prototype for phase two of Dash: opening new debit deposit accounts (DDA, standard checking accounts) and providing profile servicing for existing bank customers. 


The UX team at G2O was always looking for opportunities to improve the Dash branch product for bankers, as well as a chance to evaluate outdated processes and improve suboptimal experiences for customers.

Contributing to a Design System & Documentation

Other members of the UX team at G2O started building an M&T Bank design system, around the same time I started this account originations project for Dash. I built a lot of new components that were then adopted by the design system. 


We documented the work thoroughly in order to meet the needs of the M&T Bank development team — from grid-alignment across screen sizes, to the spacing and size of components within each page. Since there wasn’t a standard in place for this part of the process within M&T Bank, it took a lot of direct communication between myself, the G2O design system leads, the M&T Product Owners and development team to land on the right approach for all of the new components and styles that myself & the UX team wanted to implement.

Results

  • Reduced time for users on the account opening process to 5 minutes


  • Online version: abandoned rate decreased by 13% and completion rate increased by 20%


  • Branch version, Dash: Increased customer relationship management and conversions between bankers & customers


  • The Design System provided scalability, efficiency, and consistency of visual design elements & components between both the online and branch experiences

The results of the MVP/ first release were overwhelmingly positive. Both the online and branch versions were reduced to an average of 5 minutes — making the application experience quick and easy. 


At the M&T branches, this freed up more time for the bankers & Relationship Managers to discuss customer needs and other product offerings.


The branch version of the product, Dash, was released at 77 M&T Bank branches throughout the five digital ambassador regions: Buffalo North, Downtown Baltimore, North Central Maryland, North Central Pennsylvania, Rochester East. 


These branch locations have been updated with Wifi, revamped environments like the waiting room, teller line, and banker’s offices which now include new PCs, swivel-arm monitors and bank owned tablets. 


All of these improvements, as well as banker training, were influenced by the Dash product that myself and the UX team at G2O designed, which supports the bankers in building relationships & servicing their customers within a shared experience. 


Since the MVP/ first release of both the online and branch experiences the UX team at G2O continued to scale the products by adding features, updating with new account offerings from the bank, as well as iterating & improving the experience for its users.

“Overall, I thought it was great. Everything was super simple and self-explanatory as you go through. It has the customer more focused and engaged as they follow along on the screen with you. Even the disclosures print out in a much more attractive format. I enjoyed using it, especially when it came to selecting debit card images.”


— M&T Bank Relationship Manager  


                          


“The more I use it the more I love it. So easy” 


— M&T Bank Relationship Manager  

Next Project:

Or use the top navigation dropdown: Commercial Art Portfolio
Gillette Venus Website

© 2024 Cosmic Wild Woman - All Rights Reserved.

  • Hello
  • Shop
  • Testimonials

This website uses cookies.

We use cookies to analyze website traffic and optimize your website experience. By accepting our use of cookies, your data will be aggregated with all other user data.

Accept