디자인시스템 개선 시작하기

Yura

Aug 15, 20242y ago

이 글은 왜 디자인 시스템 개선을 시작하게 되었는지의 이야기이니 다음편부터 보셔도 무방합니다.

서론

새로운 회사에 합류한지, 5개월이 되었다. 그간 업무한 것들이 정말 많았고, 기록을 해두고 혹시나 내 글을 보는 사람이 있으면 도움이 되었으면 생각을 하게 되어서 블로그를 열었다.

첫번째 콘텐츠는 아무래도 디자인시스템 개선이지! 처음 입사하고 디자인시스템을 보고 좀 많이 놀랬지...ㅎㅎ. 디자인시스템은 프로덕트 디자이너의 업무에서 상당히 중요한 부분을 차지한다. 그래서 주로 새로운 곳에 입사하면 디자인시스템을 살펴보게 된다. 하지만 이번 회사의 디자인시스템을 살펴보면서 파운데이션부터 개선이 절실히 필요하다고 느껴졌다.

디자인시스템을 처음부터 만들거나, 기존에 만들었던 것을 부분적으로 수정을 한적이 있지만, 기존에 있던 디자인시스템을 파운데이션부터 송두리째 바꾸는 것은 처음 해보는 일이었다. 사실 거의 처음 만드는 수준이지만... 그래도 기존의 스타일을 최대한 유지하면서 개선하는 것을 목표로 하였다.

그리고 불과 작년초에 회사의 리브랜딩이 이루어지면서, 개선이 이미 이루어졌는데, 들어온지 2개월도 안된 사람이 갑자기 또 개선한다고 하면 회사 구성원들의 이해와 공감이 반드시 필요한 부분이었다. 그래서 타운홀에서 발표를 목표로 해당 업무를 진행했다. 타운홀 발표때는 너무 떨려서 대본도 써와서 발표를 했다. (당시에 원티드 컨퍼런스 다녀오고 발표자뽕이 찼었을지도..) CXO분들과 더불어 디자인,개발과 거리가 먼 업무를 담당하는 구성원분들의 공감과 칭찬 속에 해당 프로젝트는 내가 PM으로 진행하게 되었다.

당시 입사하고 내가 한 프로젝트에 대해 모두 앞에서 공개하는 일이라 부담되고 걱정이 많았는데, 결과적으로 디자인시스템 개선 작업의 첫 발을 내딛을 수 있어서 정말 다행이었다. 그럼 긴 서론을 끝내고 본론으로 들어가보자.

문제 제기

현재 디자인시스템은 5명의 PD(Product Designer)가 구축을 한 것을 알고있다. 당시 PD들은 의견을 수용해서 엄청 많은 종류의 색상과 타이포그래피 등이 나온 것같았다. 하지만 PD 수가 줄어들어 나 포함 2명이었고, PD 수가 적을때 빠르게 개선이 이루어져야겠다고 생각들었다.

처음 문제점이 발견된 것은 첫 프로젝트를 맡았을때이다. 색상이 말도 안되게 많았고, 텍스트는 주로 어떤 색을 쓰는지, 라인은 어떤 색을 쓰는지 찾기위해 이전 디자이너들이 한 파일을 열고 살펴보았을때 서로 다른 색, 다른 래디우스(Radius) 등... 심지어 전체 화면에 대한 스타일도 미묘하게 달랐다. 각자 맡은 프로젝트만 신경을 쓰다보니까 콘솔 전반의 통일성이 떨어지게 된 것같다. 심지어 필드평태의 컴포넌트조차 만들어질때 다른 디자이너가 만들고 그대로 끝내버린 것 같았다. 서치필드와 드롭다운의 라인 색상조차 다르게 되어있으니...🤦‍♀️

개선 진행 과정

본인들의 메인 프로젝트도 맡고 있기때문에, 디자인시스템 개선은 당연히 업무 순위가 제일 낮을 수 밖에 없었다. (개발도 언제가능할지 모르고, 아직 설득을 준비하는 단계였다.) 그래서 내가 주도해서 이끌지 않으면 분명 흐지부지 될 꺼같다는 생각이 들어서, 부담스럽지 않은 선에서 속도감있게 진행하도록 하였다. 다른 PD S님과 매주 금요일마다 2시간씩 회의를 잡았다. 그리고 매주 과제?가 나가고 회의때는 각자 준비해온 내용을 토대로 논의하고 결정하였다. 1주차, 컬러팔레트 색상 선정 및 제품 적용시안 가져오기 2주차, 색상별 사용처 정하기.. 이런식으로 매주 조금씩이라도 목표를 향해 나아가려고 했다. 결과적으로는 시작한지 4월 12일부터 디자이너 주간회의를 시작했고, 5월 23일에 타운홀 발표를 했다. 2달 정도 걸렸다고 생각했는데, 날짜로 보니 정말 속도감있게 빠르게 진행이 되었다.

개발이 될지 말지, 해도 될지 말지 고민이 된다면 일단은 GO! 아무것도 없는 상태에서 이 업무가 진행되어야해요, 하고싶어요 보다는 일단은 진행해보자! 그리고 구성원들에게 결과물로 공감을 얻자!

Subscribe to 'yura'

Subscribe to my site to be the first to receive notifications and emails about the latest updates, including new posts.
Join Slashpage and subscribe to 'yura'!