UI Wireframing: Bank App Redesign

Sometimes I hit a dead end with a design method and struggle to let myself move forward while feeling like I did a mediocre job on one step—How can you possibly develop something of quality without each step being the best it could ever be. I’m continually proven wrong about the need to perfect the understanding of a product or service using one design method, when the next step in the design process might prove to cycle me back to better understanding the previous that I struggled so much with.

Wireframing my redesigns of the Wells Fargo app did just that. I hit dead ends with the UI concept maps we developed for our last assignment. All of the information felt a little abstract and removed. However, when I was forced into wireframing I had no choice but to carefully study each and every function and why it exists in a certain way. I was immediately able to make stronger critiques of the way the current app flows. I was stuck trying to visualize this using concept maps.


Working with wires helped me understand the logic of mobile apps and increased the chaos that unfolded with something that seems so fluid and seamless in final interaction state.

Screen Shot 2019-01-21 at 6.38.40 PM

 The first decision I made was to design the landing page to reflect the main functions a user wants the app to do. Everything else is de-emphasized. I went with a fanned out wallet visual. The tabs can be swiped up and down and clicked to engage.

Screen Shot 2019-01-21 at 6.37.56 PM

There aren’t many steps in this deposit flow—I hope this makes it intuitive and simple—but it certainly is more detailed and will allow me to go back to my concept map and inform the revisions I make as things begin to take shape. Screen Shot 2019-01-21 at 6.37.38 PM

I did user research on apps that other banks used rather than basing all of my design decisions on the things I didn’t like about the Wells Fargo app. Experiencing the flow of my Australian ANZ account brought to light a lot of particulars that would not have surfaced otherwise.

While the above flows look simple there is so much minutia and complexity around the wireframes themselves. With the wires revealed just a small taste of the big web looks something like this.

Screen Shot 2019-01-21 at 6.50.02 PM

Banking is a fascinating space to be developing mobile accessibility and the implications of redesigns carry a lot of weight. I am glad to have had this learning experience as I fully appreciate the level of insight that goes into the UI.