Design system of the B2B SaaS solution
Duration
2022.06 ~ 2023.06
Project Tag
UI/UX
Design System
Figma
React Native
About Project
Over the past 4 years, Rezio has been focused on developing new features and product lines. To meet market and user demands, we have adopted an agile development approach, responding to user needs with rapid iterations to quickly produce product features.
As the team continues to grow and expand, we need more smart and fast development methods to ensure smoother and more efficient product development for every project.
Task 🎯
Created for existing services and needs to be standardized product UI elements for growing & appending new features.
Solution 💡
- Set of standard reusable components.
- The elements can be used to scale the design of a product.
Goal ⚙️
Facilitates Consistency
Better Communication
Clarity to Developers
Efficiency
My Role 💪🏻
Project Owner
Schedule Management
UI/UX
Build Component
Process of Work
A project requires idea, research, and a drafting stage before moving into the design and development phase. This is an iterative process of constant adjustment and updates.
Basic Style
Typography 🔠
Available "Roboto" and "Noto Sans" Series font from the Google Fonts library.
It contains a large number of glyphs, so it is suitable for various languages.
Color 🎨
Color can set the basic mood, tone, concept, and connotation for a brand or product.
Primary
Secondary (Gray Scale)
Semantic
Layout 📐
Spacing
Border-radius
Border
Icon ✨
Icons are images or symbols that represent specific actions or tools in an interface.
