GoCardless Core DS
GoCardless Core DS
A component-based system created bespoke to Brand in order to maintain standards, optimise workflow and aid our production of assets serving 140+ stakeholders in the business
A component-based system created bespoke to Brand in order to maintain standards, optimise workflow and aid our production of assets serving 140+ stakeholders in the business
Problems
Avoid past mistakes. Pre-rebrand, there were inconsistencies such as logo placement, margins and type sizes throughout assets
We needed to be fast. There were only 7 of us serving 140+ stakeholders across the business, each with specific needs and bespoke assets required
Multiple designers, even more Figma files. There were templates scattered about, but there was no centralised library that we could use to find what we needed right away
Goals
Act as the single source of truth and ensure complete consistency across assets
Be scalable and be able to adapt for present and future brand needs
To save time in building and searching in order to gain time for creative ideation and execution
Use Figma's functionalities to our full advantage to increase automation and optimise workflow
Problems
Avoid past mistakes. Pre-rebrand, there were inconsistencies such as logo placement, margins and type sizes throughout assets
We needed to be fast. There were only 7 of us serving 140+ stakeholders across the business, each with specific needs and bespoke assets required
Multiple designers, even more Figma files. There were templates scattered about, but there was no centralised library that we could use to find what we needed right away
Goals
Act as the single source of truth and ensure complete consistency across assets
Be scalable and be able to adapt for present and future brand needs
To save time in building and searching in order to gain time for creative ideation and execution
Use Figma's functionalities to our full advantage to increase automation and optimise workflow
Problems
Avoid past mistakes. Pre-rebrand, there were inconsistencies such as logo placement, margins and type sizes throughout assets
We needed to be fast. There were only 7 of us serving 140+ stakeholders across the business, each with specific needs and bespoke assets required
Multiple designers, even more Figma files. There were templates scattered about, but there was no centralised library that we could use to find what we needed right away
Goals
Act as the single source of truth and ensure complete consistency across assets
Be scalable and be able to adapt for present and future brand needs
To save time in building and searching in order to gain time for creative ideation and execution
Use Figma's functionalities to our full advantage to increase automation and optimise workflow
Problems
Avoid past mistakes. Pre-rebrand, there were inconsistencies such as logo placement, margins and type sizes throughout assets
We needed to be fast. There were only 7 of us serving 140+ stakeholders across the business, each with specific needs and bespoke assets required
Multiple designers, even more Figma files. There were templates scattered about, but there was no centralised library that we could use to find what we needed right away
Goals
Act as the single source of truth and ensure complete consistency across assets
Be scalable and be able to adapt for present and future brand needs
To save time in building and searching in order to gain time for creative ideation and execution
Use Figma's functionalities to our full advantage to increase automation and optimise workflow
The foundations
This system started as a campaign framework as part of my work within the Demand Generation team. As part of the brand audit, we found that organic and paid ads were assets that displayed various levels of inconsistency before the rebrand with no consistent rules around margins, type sizes or logo positioning. I wanted to create a system that strictly defined and implemented these rules. The campaign world was fast-paced, and our work flow had to keep up.
The foundations
This system started as a campaign framework as part of my work within the Demand Generation team. As part of the brand audit, we found that organic and paid ads were assets that displayed various levels of inconsistency before the rebrand with no consistent rules around margins, type sizes or logo positioning. I wanted to create a system that strictly defined and implemented these rules. The campaign world was fast-paced, and our work flow had to keep up.
The foundations
This system started as a campaign framework as part of my work within the Demand Generation team. As part of the brand audit, we found that organic and paid ads were assets that displayed various levels of inconsistency before the rebrand with no consistent rules around margins, type sizes or logo positioning. I wanted to create a system that strictly defined and implemented these rules. The campaign world was fast-paced, and our work flow had to keep up.
The foundations
This system started as a campaign framework as part of my work within the Demand Generation team. As part of the brand audit, we found that organic and paid ads were assets that displayed various levels of inconsistency before the rebrand with no consistent rules around margins, type sizes or logo positioning. I wanted to create a system that strictly defined and implemented these rules. The campaign world was fast-paced, and our work flow had to keep up.
Search, drag, drop, create
Google Drive folders could only help us organise so much. I wanted to utilise Figma to its full capacity and with the creation of components, isolated the assets and templates that we needed and used the most into one centralised library. My team no longer needed to dig through a plethora of folders or files, a simple search in the sidebar will do the trick.
Search, drag, drop, create
Google Drive folders could only help us organise so much. I wanted to utilise Figma to its full capacity and with the creation of components, isolated the assets and templates that we needed and used the most into one centralised library. My team no longer needed to dig through a plethora of folders or files, a simple search in the sidebar will do the trick.
Search, drag, drop, create
Google Drive folders could only help us organise so much. I wanted to utilise Figma to its full capacity and with the creation of components, isolated the assets and templates that we needed and used the most into one centralised library. My team no longer needed to dig through a plethora of folders or files, a simple search in the sidebar will do the trick.
Search, drag, drop, create
Google Drive folders could only help us organise so much. I wanted to utilise Figma to its full capacity and with the creation of components, isolated the assets and templates that we needed and used the most into one centralised library. My team no longer needed to dig through a plethora of folders or files, a simple search in the sidebar will do the trick.
The outcome
This system has been my proudest contribution to my team because of how much time it has saved us. On the campaign side, we managed to cut down around 50% of admin set up through the use of Core and with batch editing capabilities, we were able to work twice as fast than before the system existed.
The next steps for this system would be to create thorough and proper documentation around how each component and the atoms within them are linked. I want to explore how we can make our output more accessible, and continue to refine the system as a whole.
Like any design system, it continues to be a work in progress as the brand evolves. Creating Core has made me confident that design systems is what I'd like to pursue as a designer, pushing how we solve problems within teams and developing creative solutions.
The outcome
This system has been my proudest contribution to my team because of how much time it has saved us. On the campaign side, we managed to cut down around 50% of admin set up through the use of Core and with batch editing capabilities, we were able to work twice as fast than before the system existed.
The next steps for this system would be to create thorough and proper documentation around how each component and the atoms within them are linked. I want to explore how we can make our output more accessible, and continue to refine the system as a whole.
Like any design system, it continues to be a work in progress as the brand evolves. Creating Core has made me confident that design systems is what I'd like to pursue as a designer, pushing how we solve problems within teams and developing creative solutions.
The outcome
This system has been my proudest contribution to my team because of how much time it has saved us. On the campaign side, we managed to cut down around 50% of admin set up through the use of Core and with batch editing capabilities, we were able to work twice as fast than before the system existed.
The next steps for this system would be to create thorough and proper documentation around how each component and the atoms within them are linked. I want to explore how we can make our output more accessible, and continue to refine the system as a whole.
Like any design system, it continues to be a work in progress as the brand evolves. Creating Core has made me confident that design systems is what I'd like to pursue as a designer, pushing how we solve problems within teams and developing creative solutions.
The outcome
This system has been my proudest contribution to my team because of how much time it has saved us. On the campaign side, we managed to cut down around 50% of admin set up through the use of Core and with batch editing capabilities, we were able to work twice as fast than before the system existed.
The next steps for this system would be to create thorough and proper documentation around how each component and the atoms within them are linked. I want to explore how we can make our output more accessible, and continue to refine the system as a whole.
Like any design system, it continues to be a work in progress as the brand evolves. Creating Core has made me confident that design systems is what I'd like to pursue as a designer, pushing how we solve problems within teams and developing creative solutions.
Previous project
Next project
Previous project
Next project
Previous project
Next project
Previous project
Next project
Available for work
Available for work
Available for work
Available for work