MY ROLE
User Experience
User Interface
Product Design
TEAM
Steve Williams Development
Ada Garcia Compliance
Edwin Rodriguez Operations
CLIENT
Medici Bank
TIMELINE
Oct '20 -
Feb '21
overview
Medici Bank is a 100% digital bank revolutionizing the way banking is done. Their goal is maximum transparency and efficiency in the user experience of monetary transactions. My challenge was to redesign and streamline their on-boarding process, online banking system, and corporate website to reflect that mission without compromising security or compliance regulations that come with being a bank.
digital account on-boarding
DISCOVERY
Initially I went through the original on-boarding process before observing others go through it, noting the overall flow to identify pain points.
.png)
Streamlined Flow
Addressing the major pain points of time and lack of necessary information on hand, I created a user flow that would streamline the process and result in faster on-boarding and a reduction in potential customer drop-off.
PROTOTYPES
I received feedback on my proposed user flow from the whole team to ensure it met their needs as well. After a few iterations, we landed on an optimized flow and I began to prototype the pages.
Low fidelity wireframe sketches to finalize proper flow and fields per page
.png)
High fidelity wireframes built in Whimsical, one of my favorite tools
DELIVERABLES
Iterating on the feedback I received from the wireframes, I delivered my final prototypes in a clickable Figma to our lead developer.
Some of the frames from the final on-boarding design
outcomes
Streamlined user-flow
Mobile-friendly design
Prioritizes simplicity and directness
Scroll navigation between sections
This design has been in production since January 2021 and has onboarded 100% of the bank's clients. They are continuing to monitor and iterate the design based on customer experience.
online banking
DISCOVERY
I created a test account at Medici Bank in order to conduct a user experience audit of their online banking platform. I found that its major pain points revolved around convoluted information architecture so I began by redesigning the basic structure.
Annotations on the old version of the platform
.png)
Streamlined information architecture
DELIVERABLES
Following the new structure for the banking platform, I developed the final designs in a clickable Figma for hand-off.
Some of the frames from the final online banking design
outcomes
Streamlined navigation & pages
More branded and simple design
Currency conversion in "Send Money"
Pop up windows for extra information
Admin-only pages for user permissions
Since this design is still in development we will continue to test and iterate on the design based on customer experience.
web design
SITE MAP
The goal for the website is to simply and effectively convey the products, mission, and technology of Medici Bank to customers and investors.
There are only 4 main pages, keeping navigation simple and direct.
WIREFRAMES
High-fidelity wireframes for the 4 main site pages built in Whimsical.
DELIVERABLES
Final designs for the 4 main site pages built in Figma.
