First Eagle Federal Credit Union Homepage Update

The design challenge for First Eagle Federal's homepage was to create a more user-friendly homepage while at the same time maintaining the general look of the pre-existing design.

After conducting a stakeholder interview and a competitive analysis, I completed usability aspect reports for the First Eagle Federal website that address several of Jakob 
Nielsen's 10 Usability Heuristics for User Interface Design.

  • Aesthetics and minimalist design - Certain elements have been enhanced and/or rearranged in an effort to maximize the use of relevant screen space.

  • Recognition rather than recall - Collapsable dropdown menu options simplify navigation and decrease user memory load.

  • Flexibility and efficiency of use - Features were created with an emphasis on bridging the gap between new and frequent users.

Maximizing  Space

BEFORE

AFTER

To increase the visibility of time-sensitive information, the news alert was redesigned and placed at the top of page. The bold yellow background and accompanying alert symbol draw the user's attention and the user now has the ability to close out the alert if it is not relevant to them specifically.

 

Member login was transformed into an expandable dropdown item in the header, which will is mentioned later on as well. Additionally, the menu bar was condensed and repositioned in a effort to further maximize the usage of space.

Call to Action Advertisements

BEFORE

AFTER

In order to take advantage of the content area on the homepage, the 'We Make Life Better' graphic and accompanying call to action buttons have been adjusted and now take up roughly half as much space as before.

Accessing Your Account

Stakeholders prioritized the member login, seeking to adjust and simplify that specific feature. The presentation and positioning of this particular element was also adjusted in accordance with industry design trends observed during research. 

Minimizing Memory Overload

New dropdown options on the main menu bar allow for easier, faster navigation and are designed to avoid user overload. While being presented with a narrowed list of options, users also have the ability to retrace their steps if they get lost looking for specific information instead of having to remember the myriad menu items from the previous iteration.

Aesthetics and minimalist design

Recognition rather than recall

Flexibility and efficiency of use

News Alert

Before: Placed in the middle of the homepage, offering good visibility, albeit at the expense of other, more inclusive content

After: Positioned as a collapsable alert bar at the top of homepage

News Alert

Before: Placed in the middle of the homepage, offering good visibility, albeit at the expense of other, more inclusive content

After: Positioned as a collapsable alert bar at the top of homepage

Submenus

Before: Dropdowns overflowing with columns, subheadings and links

After: Positioned as a collapsable alert bar at the top of homepage

icons courte​sy of icons8
website powered by Wix