(window.webpackJsonp=window.webpackJsonp||[]).push([[24],{"./overview/introduction.mdx":function(e,t,n){"use strict";n.r(t),n.d(t,"default",function(){return d});var o=n("./node_modules/react/index.js"),r=n.n(o),a=n("./node_modules/@mdx-js/tag/dist/index.js");function i(e){return(i="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"===typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function s(e,t){if(null==e)return{};var n,o,r=function(e,t){if(null==e)return{};var n,o,r={},a=Object.keys(e);for(o=0;o<a.length;o++)n=a[o],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)n=a[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function c(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function l(e,t){return!t||"object"!==i(t)&&"function"!==typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function u(e){return(u=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function p(e,t){return(p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var d=function(e){function t(e){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(n=l(this,u(t).call(this,e))).layout=null,n}var n,o,i;return function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&p(e,t)}(t,r.a.Component),n=t,(o=[{key:"render",value:function(){var e=this.props,t=e.components;s(e,["components"]);return r.a.createElement(a.MDXTag,{name:"wrapper",components:t},r.a.createElement(a.MDXTag,{name:"h1",components:t,props:{id:"introduction"}},"Introduction"),r.a.createElement(a.MDXTag,{name:"p",components:t},"Our product and market developed to a point where we face a change in paradigm and focus. Building new products is becoming less relevant than maturing the product and raising the quality bar of existing functionalities.\nThe Personio Design System initiative aims to give a significant push forward towards product maturity and customer satisfaction as a joint effort from Design and Engineering. Main goals are:"),r.a.createElement(a.MDXTag,{name:"h2",components:t,props:{id:"resolve-inconsistencies"}},"Resolve Inconsistencies"),r.a.createElement(a.MDXTag,{name:"p",components:t},"If it looks the same, should behave the same. (And vice versa)\nConsistency is the cornerstone of good usability, which in turn is primordial for a SaaS product like Personio.\nBy maintaining a library of components and guidelines on when/how to use them, we naturally make sure to keep a higher level of consistency across the entire product experience."),r.a.createElement(a.MDXTag,{name:"h2",components:t,props:{id:"reduce-design-debt"}},"Reduce Design Debt"),r.a.createElement(a.MDXTag,{name:"p",components:t},"From one-time solutions to holistic patterns.\nAs a tech startup, we are inserted in a very dynamic context. Technology evolves, as well as people. That means that naturally over time, the quality of our solutions will radically improve. Without a centralized UI library, this improvement is reflected in a per feature level, isolated, meaning that latest features would naturally contain newer interaction patterns and consequently, be inconsistent with past features. Repeat this cycle enough, and you have what we call design debt.\nIn order not to fall behind the competition, we need a way to easily keep our product up to date with new relevant best practices and trends. By maintaining a UI library reflected both in our design tools as well as our code base, we make sure that we can holistically iterate our product interaction models, bringing value to all related features and avoiding inconsistencies."),r.a.createElement(a.MDXTag,{name:"h2",components:t,props:{id:"speed-up-design-and-development"}},"Speed up design and development"),r.a.createElement(a.MDXTag,{name:"p",components:t},"Creating a unified design system will speed up the design process while also helping build bridges amongst teams. The goal is to move the majority of the work and focus from pixels to components. Designers will spend less time pushing pixels around and more time focused on creating great experiences. Developers will also be able to work smarter by reusing more of their code by default."))}}])&&c(n.prototype,o),i&&c(n,i),t}();d.__docgenInfo={description:"",methods:[],displayName:"MDXContent"}}}]);
//# sourceMappingURL=overview-introduction.92f57ff6f5fbbde921a5.js.map