Cherry Design Language System
Cherry Design Language System
Cherry Design Language System
Cherry Design Language System
When I joined Kotak Cherry in 2022, there wasn't a design system in place. All user interface components were manually coded by the engineering team.
When I joined Kotak Cherry in 2022, there wasn't a design system in place. All user interface components were manually coded by the engineering team.
When I joined Kotak Cherry in 2022, there wasn't a design system in place. All user interface components were manually coded by the engineering team.
When I joined Kotak Cherry in 2022, there wasn't a design system in place. All user interface components were manually coded by the engineering team.
00
00
00
00
the problem
As we expanded our product offering and continued launching new features, it became increasingly difficult to maintain consistency and efficiency in the design and development process.
the solution
In an effort to address these scaling issues, I advocated for the implementation of a design system. This consisted of a set of design guidelines, reusable components, and a design library that developers could access to ensure consistency and efficiency in the user interface design process.
the problem
As we expanded our product offering and continued launching new features, it became increasingly difficult to maintain consistency and efficiency in the design and development process.
the solution
In an effort to address these scaling issues, I advocated for the implementation of a design system. This consisted of a set of design guidelines, reusable components, and a design library that developers could access to ensure consistency and efficiency in the user interface design process.
the problem
As we expanded our product offering and continued launching new features, it became increasingly difficult to maintain consistency and efficiency in the design and development process.
the solution
In an effort to address these scaling issues, I advocated for the implementation of a design system. This consisted of a set of design guidelines, reusable components, and a design library that developers could access to ensure consistency and efficiency in the user interface design process.
the problem
As we expanded our product offering and continued launching new features, it became increasingly difficult to maintain consistency and efficiency in the design and development process.
the solution
In an effort to address these scaling issues, I advocated for the implementation of a design system. This consisted of a set of design guidelines, reusable components, and a design library that developers could access to ensure consistency and efficiency in the user interface design process.
Here’s a peek at our Figma “Cherry Design Language System” project and the pages in the sidebar.
The Cherry DLS is segregated in well defined pages and extremely easy to understand where logo and philosophy is represented by a sapling 🌱, the foundation is represented by a 🌳 and its components are represented by fruits or better known as Cherries 🍒 :)
A holistic view of the left and right panels of the design system.
Since Figma's major updates in 2023, our team immediately put to use the variables feature to accelerate things in our design system. We have covered corner radius and spacing too!
The design system put together was coherent, easy to use and extremely fast to identify components for developers and beginner designers. We even had light and dark mode in place for every element.
Nudges in light and dark mode with specific icon usage.
Core to our design system was the nudges and graphs which we'd iterated based on customer feedback and ergonomic intuitions.
The outcome of this work was that our design team at Cherry was able to iterate more rapidly and get features out at a breathtaking pace.
It’s also helped us designers to think a bit more like engineers, in that we’re building reusable components with various states and parameters.
And that's a wrap!
year
2023
timeframe
WIP
tools
Figma
category
UI/UX
Here’s a peek at our Figma “Cherry Design Language System” project and the pages in the sidebar.
The Cherry DLS is segregated in well defined pages and extremely easy to understand where logo and philosophy is represented by a sapling 🌱, the foundation is represented by a 🌳 and its components are represented by fruits or better known as Cherries 🍒 :)
A holistic view of the left and right panels of the design system.
Since Figma's major updates in 2023, our team immediately put to use the variables feature to accelerate things in our design system. We have covered corner radius and spacing too!
The design system put together was coherent, easy to use and extremely fast to identify components for developers and beginner designers. We even had light and dark mode in place for every element.
Nudges in light and dark mode with specific icon usage.
Core to our design system was the nudges and graphs which we'd iterated based on customer feedback and ergonomic intuitions.
The outcome of this work was that our design team at Cherry was able to iterate more rapidly and get features out at a breathtaking pace.
It’s also helped us designers to think a bit more like engineers, in that we’re building reusable components with various states and parameters.
And that's a wrap!
year
2023
timeframe
WIP
tools
Figma
category
UI/UX
Here’s a peek at our Figma “Cherry Design Language System” project and the pages in the sidebar.
The Cherry DLS is segregated in well defined pages and extremely easy to understand where logo and philosophy is represented by a sapling 🌱, the foundation is represented by a 🌳 and its components are represented by fruits or better known as Cherries 🍒 :)
A holistic view of the left and right panels of the design system.
Since Figma's major updates in 2023, our team immediately put to use the variables feature to accelerate things in our design system. We have covered corner radius and spacing too!
The design system put together was coherent, easy to use and extremely fast to identify components for developers and beginner designers. We even had light and dark mode in place for every element.
Nudges in light and dark mode with specific icon usage.
Core to our design system was the nudges and graphs which we'd iterated based on customer feedback and ergonomic intuitions.
The outcome of this work was that our design team at Cherry was able to iterate more rapidly and get features out at a breathtaking pace.
It’s also helped us designers to think a bit more like engineers, in that we’re building reusable components with various states and parameters.
And that's a wrap!
year
2023
timeframe
WIP
tools
Figma
category
UI/UX
Here’s a peek at our Figma “Cherry Design Language System” project and the pages in the sidebar.
The Cherry DLS is segregated in well defined pages and extremely easy to understand where logo and philosophy is represented by a sapling 🌱, the foundation is represented by a 🌳 and its components are represented by fruits or better known as Cherries 🍒 :)
A holistic view of the left and right panels of the design system.
Since Figma's major updates in 2023, our team immediately put to use the variables feature to accelerate things in our design system. We have covered corner radius and spacing too!
The design system put together was coherent, easy to use and extremely fast to identify components for developers and beginner designers. We even had light and dark mode in place for every element.
Nudges in light and dark mode with specific icon usage.
Core to our design system was the nudges and graphs which we'd iterated based on customer feedback and ergonomic intuitions.
The outcome of this work was that our design team at Cherry was able to iterate more rapidly and get features out at a breathtaking pace.
It’s also helped us designers to think a bit more like engineers, in that we’re building reusable components with various states and parameters.
And that's a wrap!
year
2023
timeframe
WIP
tools
Figma
category
UI/UX
01
A holistic view of the DLS
01
A holistic view of the DLS
01
A holistic view of the DLS
01
A holistic view of the DLS
02
Buttons in light and dark mode
02
Buttons in light and dark mode
02
Buttons in light and dark mode
02
Buttons in light and dark mode
03
Nudges
03
Nudges
03
Nudges
03
Nudges
.say hello
Always open to new opportunities. So come say hello and have a chat about working together ↓
.say hello
Always open to new opportunities. So come say hello and have a chat about working together ↓
.say hello
Always open to new opportunities. So come say hello and have a chat about working together ↓
.say hello