First Federal Bank
of Kansas City

 
 

First Federal Bank of Kansas City is a bank that is focused on helping people achieve a better state of financial well-being. Their previous site did not help them tell this story and was not up to modern standards. It was non-responsive and content was convoluted.

The team launched a fully redesigned website that was modern, ADA compliant, and responsive. For this project, my role was to assist in page design, chose stock photography, lay content into the content management system, and create a custom icon set for the site.

 
First_Federal_Bank-08.jpg

ICONOGRAPHY

 

Each icon in the set was designed within a 100-pixel grid. For consistency within the icons, I designed them with a line weight of 4 points and rounded corners and end caps. The initial icon set contained 53 icons which are utilized across First Federal Bank’s website. At the developer’s request, I converted the icon set into a font set. To do so, I used a site called IcoMoon to create the font and make it exportable.

 
First_Federal_Bank-04.jpg
First_Federal_Bank-05.jpg
First_Federal_Bank-06.jpg
 

PHOTOGRAPHY

First Federal’s slogan is “Better. Together.” and we wanted that to reflect in the photography by choosing people who were enjoying their life. This was intended to show that they felt good about their financial situation and did not have to worry about it.

There was no budget to do a photoshoot for the photography. All the photography was pulled from Shutterstock. While pulling photos for the site, we followed certain rules we set in place to create consistency of the photos throughout the site.

 
First_Federal_Bank-09.jpg
First_Federal_Bank-10.jpg
First_Federal_Bank-11.jpg
First_Federal_Bank-12.jpg

WEBSITE DESIGN

First_Federal_Bank-02.png
FFB_Phone_Mockup.jpg

OTHER PROJECTS

PSSI

PSSI

INNOVIA MEDICAL

INNOVIA
MEDICAL

PKD FOUNDATION

PKD
FOUNDATION

WATEREQUITY

WATEREQUITY