2017

2017

OpenGamma

OpenGamma is a financial technology company at the heart of the derivatives market. They deliver unique analytics that enable users to make smarter trading decisions. With regulation reshaping business, the company looked to create a new core product built around their unique proposition.

I worked on the visual design, starting with a brand refresh that would provide direction for the new UI.

OpenGamma

OpenGamma is a financial technology company at the heart of the derivatives market. They deliver unique analytics that enable users to make smarter trading decisions. With regulation reshaping business, the company looked to create a new core product built around their unique proposition.

I worked on the visual design, starting with a brand refresh that would provide direction for the new UI.

OG_thumbnail1

Challenge

The opportunity to create a new product signified a new direction for the company. This needed to be reflected in the new design whilst having a familiar look and feel.

With no digital guidelines in place the starting point was identifying the products design direction. This was done through a brand refresh where the challenge was to not allow it to turn into a full rebrand exercise.

OG_img01a
OG_img02
OG_img03

Brand Exploration

During the discovery phase I started by analysing the brand. By gathering brand assets I could identify key areas to be developed and established as design foundations.

OG_img04

The current logo was a difficult asset to work with since it wasn’t clear what it actually represented. Since the Gamma symbol isn’t familiar to most and has no real significance to the brand I was granted time to explore other options while the IA was being developed.

OG_img05

To keep the brand familiar I looked to rejuvenate the colour palette and create a clear distinction between the triad of colours.

OG_img06
OG_img07
OG_img08

Logo Identity

As I explored different directions the concept of an aperture emerged. The idea of movement and focus became a suitable metaphor for how the company’s analytics worked.

OG_img09
OG_img10
OG_img11

UI Development

As the IA began to take shape I moved on to exploring data visualisation options and the structure of the UI. It was important to work in parallel with the IA in generating and refining the solution.

OG_img12
OG_img13
OG_img14
OG_img15

The craft came in creating a well balanced design where form and function worked hand in hand. With this being a financial tool the design had to be careful not to break standard design conventions such as indicators and error states.

OG_img16

The design needed to be very thorough since certain elements have many interactive states. Again the craft came in paying very close attention to detail.

OG_img19
OG_img20
OG_img22
OG_img21

Deliverables

After developing the UI I revisited the branding and developed basic guidelines as an add on to the final deliverable. I also looked at brand collateral to give a taste of how the brand could be later developed.

OG_img23
OG_img24
OG_img25

Finally we delivered a new product and refreshed brand with a unified cross platform experience.

OG_img26
OG_img27
OG_img28
OG_img29
OG_img30

Other projects

OpenGammaUI & Brand

CommerzbankOnboarding Portal

LinedataFintech Solution

Transport for LondonResponsive Website

WattpadVisual Language

VodafoneWeb Product