working remotely
❍
MENU
working remotely
❍
MENU
TotallyMoney is the good guy in the world of credit score companies, pioneering education over everything. Using tips, suggestions, community outreach and more to help the everyman/woman push their finances forward.
TotallyMoney is the good guy in the world of credit score companies, pioneering education over everything. Using tips, suggestions, community outreach and more to help the everyman/woman push their finances forward.
Client
TotallyMoney
Year
2019
Outcome
Design System, Web Design
IBM Corporate Social Responsibility
Sharing the social impact initiatives that IBM is involved in globally.
TotallyMoney saw the opportunity to step into the UK market and rather educate than do the bare minimum.
With their youthful and inventive approach, they were looking to truly change up how a credit score company should be perceived.
TotallyMoney saw the opportunity to step into the UK market and rather educate than do the bare minimum.
With their youthful and inventive approach, they were looking to truly change up how a credit score company should be perceived.
TotallyMoney saw the opportunity to step into the UK market and rather educate than do the bare minimum.
With their youthful and inventive approach, they were looking to truly change up how a credit score company should be perceived.
I was invited to join their small design team, initially as a Senior Design Systems designer which increased with scope by leading the design of their new marketing website. Over the scope of a few months my collaboration with the team was fruitful and resulted in a modern, approachable brand.
I was invited to join their small design team, initially as a Senior Design Systems designer which increased with scope by leading the design of their new marketing website. Over the scope of a few months my collaboration with the team was fruitful and resulted in a modern, approachable brand.
IBM Corporate Social Responsibility
Sharing the social impact initiatives that IBM is involved in globally.
Setting the fundementals
Setting the fundementals
The first thing to do for me was to analyse what existed, what was needed and what the competition was doing. Very quickly I found there was almost no consistency or structure to the Design System, with the obvious aim being to create something that could be easily continued after my departure. As for the competition almost every System was devoid of personality and although consistent, they were often consistent in their inconsistencies.
Task one then was setting a few ground rules in colour, typography, spacing and iconographic-language that I could carry through any element. The framework was there to stay (but with room to play).
The first thing to do for me was to analyse what existed, what was needed and what the competition was doing. Very quickly I found there was almost no consistency or structure to the Design System, with the obvious aim being to create something that could be easily continued after my departure. As for the competition almost every System was devoid of personality and although consistent, they were often consistent in their inconsistencies.
Task one then was setting a few ground rules in colour, typography, spacing and iconographic-language that I could carry through any element. The framework was there to stay (but with room to play).
The first thing to do for me was to analyse what existed, what was needed and what the competition was doing. Very quickly I found there was almost no consistency or structure to the Design System, with the obvious aim being to create something that could be easily continued after my departure. As for the competition almost every System was devoid of personality and although consistent, they were often consistent in their inconsistencies.
Task one then was setting a few ground rules in colour, typography, spacing and iconographic-language that I could carry through any element. The framework was there to stay (but with room to play).
IBM Corporate Social Responsibility
Sharing the social impact initiatives that IBM is involved in globally.
Leading from the front
Leading from the front
Having set the ground-rules, it was time to test them. Using a load of complex forms that were going to be necessary as my playground I created, tested and tested again any piece of UI that the system had to work in. From making everything AA-certified to making sure it would work in Darkmode was a start. This then quickly led to creating a Design System document I could quickly update as my needs were pushed towards the Marketing site.
Having set the ground-rules, it was time to test them. Using a load of complex forms that were going to be necessary as my playground I created, tested and tested again any piece of UI that the system had to work in. From making everything AA-certified to making sure it would work in Darkmode was a start. This then quickly led to creating a Design System document I could quickly update as my needs were pushed towards the Marketing site.
IBM Corporate Social Responsibility
Sharing the social impact initiatives that IBM is involved in globally.
Making credit approachable
Making credit approachable
Once the Design System was somewhat set in stone I focused on working with the teams illustrator to create a more open, conscious friendly design language that TotallyMoney could use throughout its communication with it's members.
The illustrations were hand-drawn, full of personality and texture; too compliment that I focused on creating spacial harmony between them and the heavily-loaded information that would often fill a page. Using white space, photography, playful illustrative flourishes and information delivery in levels - the site transformed from an attack on the senses, to something that could be consumed bitesized with the most important information always delivered to you, as effectively as possible.
Once the Design System was somewhat set in stone I focused on working with the teams illustrator to create a more open, conscious friendly design language that TotallyMoney could use throughout its communication with it's members.
The illustrations were hand-drawn, full of personality and texture; too compliment that I focused on creating spacial harmony between them and the heavily-loaded information that would often fill a page. Using white space, photography, playful illustrative flourishes and information delivery in levels - the site transformed from an attack on the senses, to something that could be consumed bitesized with the most important information always delivered to you, as effectively as possible.
Once the Design System was somewhat set in stone I focused on working with the teams illustrator to create a more open, conscious friendly design language that TotallyMoney could use throughout its communication with it's members.
The illustrations were hand-drawn, full of personality and texture; too compliment that I focused on creating spacial harmony between them and the heavily-loaded information that would often fill a page. Using white space, photography, playful illustrative flourishes and information delivery in levels - the site transformed from an attack on the senses, to something that could be consumed bitesized with the most important information always delivered to you, as effectively as possible.
