Unisuite
Unisuite
Crafting Experiences from Atomic Elements to Enterprise Workflows
Crafting Experiences from Atomic Elements to Enterprise Workflows
A comprehensive design language built for Indian businesses. Consistent, accessible, and culturally-resonant CRM experiences that scale from startup to enterprise.
A comprehensive design language built for Indian businesses. Consistent, accessible, and culturally-resonant CRM experiences that scale from startup to enterprise.
Responsibilities:
Responsibilities:
Qualitative Research, Conceptualization, Design, Usability testing and Dev handoff
Qualitative Research, Conceptualization, Design, Usability testing and Dev handoff
Timeline:
Timeline:
September - October 2022
1 month
September - October 2022
1 month
The Team:
The Team:
Designer, Product Manager and
12+ Developers
Designer, Product Manager and 12+ Developers
Designer, Product Manager and
12+ Developers
Foundational Design
Foundational Design
UniSuite's design system enables teams to build with confidence. Every component is crafted with atomic design principles, ensuring coherent composition from simple elements to complex workflows.
UniSuite's design system enables teams to build with confidence. Every component is crafted with atomic design principles, ensuring coherent composition from simple elements to complex workflows.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M 21.891 3.604 C 23.866 2.424 25.846 1.225 27.817 0.033 C 28.405 -0.088 29.199 0.111 29.176 0.83 C 29.173 1.631 26.577 3.401 25.827 3.947 C 18.929 8.986 10.982 13.243 6.123 20.528 C 4.72 22.631 2.124 27.223 4.476 29.348 C 8.364 32.863 16.001 29.584 19.952 27.529 C 20.982 26.994 23.438 25.054 24.416 25.253 C 26.071 25.589 25.085 26.921 24.272 27.61 C 20.395 30.912 13.615 34.774 8.42 34.431 C 2.929 34.069 -0.373 31.661 0.034 25.858 C 0.739 15.755 14.118 8.248 21.894 3.604 Z" fill="rgb(204, 203, 200)" height="34.452208725051655px" id="AIZ5CjL4h" transform="translate(9.632 43.506)" width="29.176844480961712px"/><path d="M 12.61 1.533 C 16.875 5.041 27.927 16.76 21.436 22.068 C 16.51 26.096 6.772 20.32 2.566 17.181 C 1.768 16.583 -0.806 15.056 0.251 13.979 C 1.155 13.056 2.499 14.635 3.345 15.115 C 6.713 17.033 13.677 20.416 17.529 19.637 C 19.589 19.22 19.453 16.376 18.891 14.86 C 17.488 11.054 14.707 7.261 12.041 4.215 C 11.236 3.296 8.943 1.983 9.645 0.533 C 10.346 -0.916 11.949 0.991 12.61 1.533 Z" fill="rgb(204, 203, 200)" height="23.446215437652803px" id="He5ybiL6P" transform="translate(67.568 55.124)" width="23.431977033264985px"/><path d="M 5.909 24.66 C 5.757 24.502 5.654 24.089 5.665 23.875 C 5.709 23.008 8.054 21.337 8.722 20.665 C 11.924 17.453 15.816 13.27 16.865 8.732 C 17.297 6.859 17.382 4.417 15.255 3.638 C 10.934 2.056 4.83 6.124 1.112 8.109 C 0.358 8.312 -0.236 7.382 0.093 6.718 C 0.458 5.981 6.027 2.502 7.09 1.919 C 8.985 0.883 10.351 0.174 12.574 0.034 C 22.766 -0.608 22.688 7.873 18.283 14.572 C 16.219 17.707 11.005 22.591 7.755 24.491 C 7.164 24.837 6.496 25.287 5.905 24.664 Z" fill="rgb(204, 203, 200)" height="24.97490436262063px" id="uCDvG34tp" transform="translate(68.498 21.749)" width="21.111693341913224px"/><path d="M 3.469 16.585 C 3.06 16.954 2.317 16.851 1.948 16.452 C 1.775 16.161 1.826 15.272 1.874 14.899 C 2.498 10.148 4.64 3.84 8.805 1.022 C 14.607 -2.903 20.146 5.416 21.985 10.063 C 27.021 22.801 25.526 36.903 24.348 50.226 C 23.561 59.098 22.812 74.915 15.781 81.245 C 12.347 84.336 8.824 83.049 6.283 79.677 C 3.466 75.937 2.288 71.001 0.105 66.888 C -0.375 65.443 0.873 64.273 2.048 65.498 C 4.034 69.718 5.478 74.244 8.314 78.014 C 10.836 81.363 13.037 80.452 15.205 77.357 C 19.47 71.26 19.865 57.833 20.474 50.411 C 21.471 38.312 22.849 25.774 19.684 13.833 C 18.658 9.96 17.376 6.286 14.112 3.752 C 11.512 1.734 9.828 3.11 8.034 5.216 C 6.431 7.098 4.899 10.333 4.308 12.723 C 4.119 13.487 4.038 16.069 3.473 16.581 Z" fill="rgb(204, 203, 200)" height="82.99999999999994px" id="cMvURkfPg" transform="translate(39.697 8.47)" width="25.508505358830043px"/><path d="M 3.547 1.741 C 9.507 -2.287 16.121 0.966 14.636 8.491 C 14.249 10.458 13.27 12.044 11.741 13.331 C 3.968 19.86 -5.171 7.632 3.551 1.741 Z M 10.752 3.729 C 9.289 2.014 6.431 2.73 4.792 3.814 C 0.312 6.773 4.902 13.383 9.038 10.815 C 11.143 9.51 12.483 5.758 10.755 3.729 Z" fill="rgb(204, 203, 200)" height="15.198478560536097px" id="pZeI4L7Ll" transform="translate(42.163 42.606)" width="14.847648993496088px"/><path d="M 12.424 23.019 C 12.383 23.085 11.751 23.413 11.622 23.425 C 11.175 23.469 9.839 22.469 9.425 22.133 C 6.7 19.891 1.755 13.118 0.577 9.802 C -1.627 3.586 2.797 0.477 8.502 0.053 C 19.724 -0.781 29.58 8.463 38.051 14.531 L 37.903 15.977 C 37.467 16.279 36.958 16.353 36.474 16.11 C 28.092 11.185 15.525 0.654 5.178 4.83 C 2.464 5.925 3.676 8.965 4.506 11.041 C 5.559 13.66 8.683 18.341 10.625 20.392 C 11.183 20.983 13.044 21.942 12.424 23.022 Z" fill="rgb(204, 203, 200)" height="23.42598366064469px" id="kXNuErrSj" transform="translate(9 21.373)" width="38.050877890790886px"/></svg>)
Systematic Design
Systematic Design
Components built on atomic principles that compose into complex patterns without losing coherence.
Components built on atomic principles that compose into complex patterns without losing coherence.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M 58.206 36.285 C 46.259 51.711 33.995 66.97 20.796 81.34 C 19.865 82.352 18.081 84.931 17.014 85.551 C 16.094 86.083 15.326 85.691 15.286 84.635 C 15.246 83.58 17.653 81.612 18.401 80.745 C 29.185 68.341 39.713 55.102 49.569 41.939 C 50.237 41.047 53.776 36.465 53.888 35.861 C 53.964 35.462 53.836 35.594 53.588 35.558 C 47.654 35.566 41.716 35.55 35.783 35.55 C 34.935 35.55 34.475 35.953 33.507 35.442 C 33.335 35.35 32.668 34.706 32.596 34.554 C 32.4 34.122 32.42 31.271 32.504 30.667 C 33.012 26.837 34.519 22.59 35.435 18.804 C 36.042 16.289 36.494 13.73 37.294 11.263 L 36.998 10.967 C 26.31 23.198 15.498 35.374 5.31 48.053 C 5.31 48.525 7.549 48.325 8.001 48.353 C 8.397 48.381 8.769 48.541 9.193 48.561 C 12.027 48.681 20.888 47.973 22.799 49.548 C 24.351 50.824 23.103 53.023 22.707 54.466 C 21.288 59.597 19.273 64.715 17.337 69.689 C 14.694 76.47 11.724 83.136 9.069 89.909 C 7.189 90.337 6.741 89.201 7.241 87.582 C 9.448 80.465 13.015 73.043 15.594 65.946 C 17.21 61.496 18.721 57.001 20.088 52.471 C 19.936 52.159 19.697 52.179 19.409 52.147 C 14.395 51.584 8.429 52.527 3.231 51.931 C 2.887 51.891 0.968 51.428 0.752 51.308 C 0.68 51.268 0.08 50.288 0.028 50.116 C -0.248 49.172 1.591 46.821 2.215 45.974 C 8.941 36.789 17.357 27.289 24.791 18.568 C 28.865 13.79 33.124 8.52 37.386 3.973 C 38.042 3.274 41.236 -0.113 41.96 0.003 C 43.18 0.723 42.96 2.434 42.896 3.686 C 42.448 12.354 38.362 22.087 36.734 30.719 C 36.446 32.355 37.65 31.583 38.577 31.555 C 44.195 31.383 50.977 31.371 56.431 32.515 C 57.175 32.671 57.574 32.315 58.17 32.975 C 59.042 33.946 58.87 35.25 58.202 36.289 Z" fill="rgb(204, 203, 200)" height="89.99998084152375px" id="Yzojj5Mbj" transform="translate(21 5)" width="58.764656354306126px"/></svg>)
Performance First
Performance First
Optimized for diverse network conditions and devices across Indian markets.
Optimized for diverse network conditions and devices across Indian markets.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M 76.544 14.946 C 97.677 38.33 94.598 76.875 61.31 86.144 C 60.419 86.392 57.06 87.511 56.704 86.468 C 56.116 84.124 60.031 84.104 61.71 83.545 C 74.965 79.118 83.802 69.802 86.205 55.859 C 91.131 27.25 62.958 -4.746 33.177 6.03 C 10.533 14.223 -3.13 41.42 7.118 64.084 C 13.936 79.162 27.083 84.596 42.797 86.584 C 45.324 86.903 48.143 86.704 50.582 87.395 C 52.354 89.726 48.459 89.291 46.968 89.215 C 29.794 88.335 13.68 83.113 5.187 67.219 C -17.604 24.547 39.922 -25.574 76.548 14.95 Z" fill="rgb(204, 203, 200)" height="89.29582633080587px" id="VtnoNNmsA" transform="translate(5 5)" width="89.91623146346376px"/><path d="M 38.57 3.87 C 40.425 5.925 40.885 8.596 39.518 11.083 C 39.002 12.019 38.43 13.055 37.29 12.243 C 36.151 11.431 37.27 10.4 37.438 9.404 C 38.114 5.413 33.476 3.518 30.181 3.746 C 24.183 4.162 21.16 13.714 28.282 15.454 C 33.876 16.821 38.174 13.958 43.28 12.647 C 47.203 11.639 54.596 10.507 58.147 12.779 C 60.022 13.978 61.03 16.645 59.566 18.536 C 58.287 20.188 53.172 22.447 51.113 23.279 C 49.054 24.11 45.815 25.386 43.74 25.902 C 42.712 26.158 41.001 25.718 40.473 27.033 C 39.07 30.504 43.388 39.581 44.432 43.299 C 45.116 45.734 46.391 51.48 46.071 53.819 C 45.751 56.158 43.16 57.042 41.181 56.346 C 36.755 54.787 32.552 45.47 30.389 41.536 C 30.301 41.376 30.361 40.996 29.997 41.144 C 29.581 41.312 26.311 47.945 25.659 49.001 C 24.199 51.364 20.617 56.554 17.602 56.55 C 15.95 56.55 14.511 55.607 14.195 53.947 C 13.779 51.76 15.167 45.894 15.802 43.543 C 17.058 38.909 20.057 33.239 20.117 28.449 C 20.153 25.586 18.366 26.39 16.458 25.898 C 12.88 24.97 3.435 21.331 1.012 18.752 C -0.987 16.625 0.196 13.694 2.639 12.587 C 6.75 10.719 12.852 11.535 17.154 12.607 C 17.666 12.735 20.737 13.93 20.901 13.754 C 20.317 11.611 20.117 9.952 20.597 7.752 C 22.524 -1.064 32.944 -2.368 38.578 3.878 Z M 56.655 16.521 C 57.311 15.39 53.057 14.414 52.381 14.346 C 42.972 13.43 34.543 20.088 25.647 18.089 C 21.92 17.249 18.821 15.438 14.547 14.794 C 10.828 14.238 6.542 13.698 3.303 15.945 C 3.063 16.289 4.435 17.045 4.731 17.213 C 9.797 20.124 15.958 20.692 20.933 23.003 C 22.712 23.83 23.188 24.926 23.48 26.853 C 24.463 33.351 21.069 38.345 19.237 44.175 C 18.917 45.19 16.974 52.616 17.298 52.928 C 18.294 53.084 19.325 52.12 20.025 51.46 C 24.039 47.67 26.191 42.28 29.082 37.681 C 30.709 36.654 31.217 37.749 31.972 38.949 C 34.42 42.819 36.035 47.046 39.182 50.532 C 39.67 51.072 42.856 54.691 42.672 52.256 C 42.568 50.872 41.465 47.002 41.025 45.49 C 39.314 39.589 35.735 34.255 36.287 27.841 C 36.471 25.714 36.923 24.03 38.946 23.103 C 42.457 21.491 47.347 20.584 51.129 19.096 C 53.021 18.353 54.828 17.409 56.651 16.521 Z" fill="rgb(204, 203, 200)" height="56.57750436040996px" id="IfJcFhsZw" transform="translate(20.583 22.878)" width="60.26522716143481px"/></svg>)
Accessible
Accessible
WCAG 2.1 AA compliant with support for regional languages and RTL layouts.
WCAG 2.1 AA compliant with support for regional languages and RTL layouts.
Component Architecture
Component Architecture
Reusable building blocks that compose into complex interfaces while maintaining consistency and accessibility.
Reusable building blocks that compose into complex interfaces while maintaining consistency and accessibility.
Strategic Insights
Strategic Insights
Consistency at scale:
Voice makes writing more consistent and tone makes it more empathetic—applies equally to visual systems
Consistency at scale:
Voice makes writing more consistent and tone makes it more empathetic—applies equally to visual systems
Faster iteration cycles:
Atomic components enable rapid testing and deployment
Faster iteration cycles:
Atomic components enable rapid testing and deployment
Reduced cognitive load:
Clear information hierarchy reduces training time
Reduced cognitive load:
Clear information hierarchy reduces training time
Cultural resonance:
Color and interaction patterns align with user mental models
Cultural resonance:
Color and interaction patterns align with user mental models
Evolution: Systems That Grow
Evolution: Systems That Grow
Design systems aren't finished products; they're living architectures.
UniSuite's system continues evolving through user feedback, technological advances, and market expansion.
Design systems aren't finished products; they're living architectures.
UniSuite's system continues evolving through user feedback, technological advances, and market expansion.
