1"use strict";(self.webpackChunkvarya_me=self.webpackChunkvarya_me||[]).push([[5858],{5666:function(e,t,n){n.r(t),n.d(t,{default:function(){return y}});var a=n(8453),r=n(6540);function i(e){const t=Object.assign({p:"p",em:"em",h2:"h2",a:"a",span:"span",ul:"ul",li:"li"},(0,a.RP)(),e.components);return r.createElement(r.Fragment,null,r.createElement(t.p,null,"Metro Design System is a multiperspective product for designers and developers that\nhelps them create digital experience for millions of METRO customers in 22 countries."),"\n",r.createElement(t.p,null,"In this project, I take a role of ",r.createElement(t.em,null,"Product Owner")," to help the team with the strategic\naspects of the system and its day-to-day operations. That role also includes elements\nof service design and managing the project."),"\n",r.createElement(t.h2,{id:"data-driven-approach-and-okrs",style:{position:"relative"}},r.createElement(t.a,{href:"#data-driven-approach-and-okrs","aria-label":"data driven approach and okrs permalink",className:"anchor before"},r.createElement(t.span,{dangerouslySetInnerHTML:{__html:'<svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg>'}})),"Data-driven approach and OKRs"),"\n",r.createElement(t.p,null,"The project goals are set and tracked by the ",r.createElement(t.a,{href:"https://en.wikipedia.org/wiki/OKR"},"OKR")," framework.\nMainly, the focus of design system team was to increase the adoption of its\nproducts (libraries of components implemented in different technologies) across the\ncompany. Such an approach assumed creating and constant usage of the metrics system.\nThe metrics such as amount of products using different libraries and amount of library\ncomponents used in these products â are frequently and regularly analysed to find out\nthe potential gaps and forward the team focus to close them."),"\n",r.createElement(t.h2,{id:"marketing-and-in-house-community-management",style:{position:"relative"}},r.createElement(t.a,{href:"#marketing-and-in-house-community-management","aria-label":"marketing and in house community management permalink",className:"anchor before"},r.createElement(t.span,{dangerouslySetInnerHTML:{__html:'<svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg>'}})),"Marketing and in-house community management"),"\n",r.createElement(t.p,null,"As a head of the product, I ensure its usage within the company and popularity in the\ndesign and development circles. While the usage of the design system is not mandatory,\nit turns out to be very important that people use it on their own will and, at first,\nget familiar with it. As specific actions towards this goal, I commit the following:"),"\n",r.createElement(t.ul,null,"\n",r.createElement(t.li,null,"Representing the design system to the business levels and communicating its value and impact"),"\n",r.createElement(t.li,null,"Presenting and reminding about the design system in company's design and development forums"),"\n",r.createElement(t.li,null,"Regular onbording meeting for recently joined engineers"),"\n",r.createElement(t.li,null,"Processing the other teams' request to meet their expectations"),"\n"),"\n",r.createElement(t.h2,{id:"service-design-for-a-design-system",style:{position:"relative"}},r.createElement(t.a,{href:"#service-design-for-a-design-system","aria-label":"service design for a design system permalink",className:"anchor before"},r.createElement(t.span,{dangerouslySetInnerHTML:{__html:'<svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg>'}})),"Service design for a design system"),"\n",r.createElement(t.p,null,"Project innovations are driven and tackled by applying service design techniques such as:"),"\n",r.createElement(t.ul,null,"\n",r.createElement(t.li,null,"User research"),"\n",r.createElement(t.li,null,"Ideation"),"\n",r.createElement(t.li,null,"Prototyping"),"\n",r.createElement(t.li,null,"Facilitation"),"\n"),"\n",r.createElement(t.h2,{id:"accomplishments-and-overcoming-challenges",style:{position:"relative"}}
1,r.createElement(t.a,{href:"#accomplishments-and-overcoming-challenges","aria-label":"accomplishments and overcoming challenges permalink",className:"anchor before"},r.createElement(t.span,{dangerouslySetInnerHTML:{__html:'<svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg>'}})),"Accomplishments and Overcoming Challenges"),"\n",r.createElement(t.ul,null,"\n",r.createElement(t.li,null,"\n",r.createElement(t.p,null,"Creation of a New Web Components Library",r.createElement("br"),"\nAs a product owner and project manager, I guided my team to successfully engineer a comprehensive library of Web Components, enabling seamless integration into products regardless of the frontend framework they employ."),"\n"),"\n",r.createElement(t.li,null,"\n",r.createElement(t.p,null,"Workflow Definitions",r.createElement("br"),"\nI took the initiative to define and document the workflows for both our design system team operations and contribution. These visual and written artifacts provide vital guidance for both new and established team members, fostering a collaborative environment and encouraging contributions to the design system."),"\n"),"\n",r.createElement(t.li,null,"\n",r.createElement(t.p,null,"Regular Onboarding Sessions",r.createElement("br"),"\nThanks to our continuous engagement, ",r.createElement(t.a,{href:"https://www.linkedin.com/feed/update/urn:li:activity:6896797119584329728/"},"the onboarding session has become a recognized recurring event on the company calendar"),". regularly review and update the materials presented ensure the needs of newcomers are met, providing them with relevant information about our design system. This in turn facilitates their integration into our workflow and promotes wide adoption of the design system within product codebases."),"\n"),"\n",r.createElement(t.li,null,"\n",r.createElement(t.p,null,"Security Policy Development",r.createElement("br"),"\nRecognizing the importance of security, I organized a series of workshops where our team performed an initial audit of resources and tools in relation to potential security threats. By creating a structured representation of artifacts, risks, impacts, countermeasures, and response actions, I have enabled all team members to understand and effectively manage various security scenarios."),"\n"),"\n"))}var l=function(e={}){const{wrapper:t}=Object.assign({},(0,a.RP)(),e.components);return t?r.createElement(t,e,r.createElement(i,e)):i(e)},o=n(5556),s=n.n(o),c=n(3433),m=n(9868),d=n(7037),u=n(3928),h=n(4449);const p={Box:c.a,Button:m.$,Text:d.E,Heading:u.DZ,Paragraph:u.fz,PatternJourney:u.Rl,PureHtml:u.Qi,Section:u.wn,Hero:u.lq,Widget:u.x0,PatternJourney:u.Rl,WidgetContainer:u.uM,Workshop:u.cR,ProjectRoles:u.JV,DsAspects:u.nD,Link:u.N_,Image:u._V,ImageBlock:u.Dq,Map:u.T5,YandexImage:u.zX,Instagram:u.pd},g=e=>({children:t})=>r.createElement(u.DZ,{level:e},t),f={h1:g(1),h2:g(2),h3:g(3),h4:g(4),h5:g(5),h6:g(6),p:({children:e})=>r.createElement(u.fz,{standout:!0},e),a:u.N_,ul:u.Ul,ol:u.Ol,div:({"data-excerpt":e,children:t,...n})=>e?r.createElement(u.fz,{as:"div",lead:!0},t):r.createElement("div",n,t)};f.h1.propTypes={children:s().node};const v=({data:{mdx:e,site:{siteMetadata:{siteUrl:t}}},children:n,pageContext:{next:i,prev:l,fileSourceUrl:o}})=>{const{readingTime:s,slug:m,disqusIdentifier:d}=e.fields,{date:g,title:v,subTitle:y,cover:E,tumblr:b}=e.frontmatter,w=e.frontmatter.tags&&e.frontmatter.tags.split(","),k=m.startsWith("blog/");return e?r.createElement(u.PE,null,r.createElement(u.I0,{imageUrl:E&&E.childImageSharp.gatsbyImageData.images.fallback.src,tags:w,date:g,readingTime:k&&parseInt(s.minutes)>0?`${Math.round(s.minutes).toFixed(1)} min read`:null,title:v,subTitle:y}),r.createElement(u.G$,{data:e}),r.createElement(c.a,{flex:"grow",width:"xlarge",margin:{horizontal:"auto"},pad:"medium",direction:"column"},r.createElement(a.xA,{components:{...f,...p}},n),r.createElement(c.a,{direction:"row",fill:"horizontal",justify:"center",margin:{bottom:"auto"},pad:{vertical:"medium"}},w&&w.length>0&&w.map(e=>r.createElement(u.vw,{key:e,name:e.trim(),slug:(0,h.fX)(e),margin:"xsmall"}))),k&&r.createElement(r.Fragment,null,r.createElement(u.WB,{flex:!1,prevSlug:l&&`/${l.fields.slug}`,nextSlug:i&&`/${i.fields.slug}`,prevTitle:l&&l.frontmatter.title,nextTitle:i&&i.frontmatter.title,pad:{vertical:"medium"}}),r.createElement(u.Sn,{link:o}),r.createElement(u.Hw,{slug:m,title:v,disqusIdentifier:d,tumblr:b,siteUrl:t})))):null};function y(e){return r.createElement(v,e,r.createElement(l,e))}},8453:function(e,t,n){n.d(t,{RP:function(){return i},xA:function(){return o}});var a=n(6540);const r=a.createContext({});function i(e){const t=a.useContext(r);return a.useMemo(()=>"function"==typeof e?e(t):{...t,...e},[t,e])}const l={};function o({components:e,children:t,disableParentContext:n}){let o;return o=n?"function"==typeof e?e({}):e||l:i(e),a.createElement(r.Provider,{value:o},t)}}}]); 2//# sourceMappingURL=component---src-templates-post-js-content-file-path-content-projects-metro-design-system-index-md-d103c80cf0c32c52735e.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.