Internal web application for Commonwealth Bank

Redesign of a 10 year old internal web application which had been updated with new features or tools in an ad hoc manner when required by management. To tackle the extent of the project, a 5 day discovery phase was kicked-off to define the problem space. This involved: a system screen audit, 6 x user research (user observation & findings) and determining usability issues.

Initial findings through system screen audit:

Through user observations, it was made apparent that the environment in which the application was used, needed to be the most highly regarded. In order to not affect the repetitive and predictable routine of the users, the application’s core purpose of being functional and efficient was maintained by card-sorting the navigation to be user-orientated for the primary navigation, and task-orientated for the secondary navigation. A minimalist design to reduce loading time was applied as well as contrast colours for readability and usability.

As a way for finding solutions to the problem space, I resulted to recommendations on guidelines, implemented design principles and determined a set of templates & components.

The interaction flow below demonstrates the use of referencing for searched items and a task-oriented secondary navigation which was previously available at all times.

After the discovery phase, the project progressed to a final phase where templates and components were attentively created for the redesign. A new sitemap and a documentation of wireframes containing the templates and components were produced, as well as an interactive prototype to demonstrate interactions.

The wireframes were also tested among users before finalising the designs.

A compilation of a few components:

A style guide was provided by the visual designer (style guide was not designed by me).