WEB3.0
05Design
Design
system
What is it?
A set of UI components and styles: brand colors, icons, fonts, logos, typography, inputs, etc. It is crucial for the development to create a backbone of the layout, as well as for further product design change management
process
01 Decompose
The process of an implementation design system starts in the early stages of the development product when the concept is confirmed, and we begin to expand the project on the UI stage
02 components
We create components for the tiny interface parts first, such as colors and typography, and then spread them into the more extensive elements, such as buttons, fields, forms, layouts, etc
03 style guide
Once we are done creating components, we polish the naming across them and publish the library in Figma so that it can be used during the development process
duration
from 40 hours
UX/UI design
Branding
Landing page
Motion
3D assets
Marketing assets
Design review
Prototyping