Bank of the West | Agency Website ReDesign
Project Role
User Interface Designer
Visual Designer
Design & User Experience Strategist
Visual Designer
Design & User Experience Strategist
Project Scope
Six months of design for agency with a large-scale banking website client, and directly responsible for Business Checking and About Us/Policy sections of the website. Involved in image curation, editing, and visual design to meet brand voice guidelines sitewide. Strategic consultant and UI designer for site layout design and component use and creation within the brand design system. Coordinated with designers in other areas to maintain UI and design system unity across all website sections.
Awards
Brand & Voice
Bank of the West entered this redesign project with a focus on their stance and desire to be a leader among the sustainable banking movement. This provided a clear direction for voice and tone. Working on the small business sections of the site gave me the opportunity to directly guide and build up that voice. This process started with image curation where I strove to find diverse imagery that represented a wide range of small business interests ranging from individuals to independent enterprise. Working beyond the basic images, I worked to develop a cutout style treatment where the final form of images would be seen cut "out of the box" to represent their new way of thinking. This format was used to break up square "corporate" feeling images and create a sense of natural connection.
Graphic Mockups
I created a wide range of graphics and digital mockups to represent technology options available to customers and business owners. I also developed graphics based on annual report information to include in informational company mission pages.
Partner Graphics
Part of the Bank of the West mission involved partnership with organizations across the wide range of environmental causes they championed. In creating these graphics, I researched each partner org and developed treatments for highlighting them in a unified style either as hero images or badges used across the site.
Low Fidelity Concepts
The low fidelity concepts primarily explored how to best show information heavy pages without overwhelming visitors. I displayed concepts using existing component structures and patterns and also developed multiple new patterns and design system components to serve specific information needs. I was later tasked with fully developing the new components to be documented in the Bank of the West design system.
Hi Fidelity Concepts
In the hi-fidelity stage I began to incorporate images and graphics into the concepts, while collaborating with the bank team on discussing voice and specific image choices. I was also implementing new patterns for cards, tables, other specialized components I worked on such as a horizontal accordion window. Following image conversations and approval I would create the cutout treatment used in the final website.
Business Checking Section
Why Us Section
Final webSite
