Back to WORK

 


TwoFour Web App UI Design

We developed a sophisticated new user interface brand identity standards system for TwoFour, a software solutions provider and consultancy in the financial services sector. The developers at TwoFour were looking to update their old desktop application to a brand new online app with real-time and high-volume trading. We worked closely with their team to create a series of designs and graphic elements for the user interface, the main navigation and tabs, and several key pages and features. The user interface design of the skin was carried through a series of site applets including trade entry, blotter, search, reference data entry and reference data list, and an entire library of icons was created for all the functions of the software. The end result was a set of visual standards and guidelines that the developers could follow to implement the endless functions of this complex financial application.

Deliverables

UI Brand Identity Guide
UI Skin Graphics
Icon Design

 

 

TwoFour Web App UI Design

TwoFour Web App UI Design

TwoFour Web App UI Design

TwoFour Web App UI Design

TwoFour Web App UI Design

TwoFour Web App UI Design

Detail of Icon Library with all 'states' of each icon.

Detail of Icon Library with all 'states' of each icon.

Original Application Design - the "before" UI.

Original Application Design - the "before" UI.

Design Outtake #1 for TwoFour UI

Design Outtake #1 for TwoFour UI

Design Outtake #2 for TwoFour UI

Design Outtake #2 for TwoFour UI