GS리테일 DX 블로그

Digital Transformation으로 고객 생활 가치의 이노베이션을 꿈꾸는 IT 사람들의 이야기

theme 2

Design Token으로 GS SHOP App 디자인 시스템 구축 스토리

안녕하세요. 저는 GS SHOP Mobile 개발팀에서 디자인 시스템 구축을 담당하고 있는 이인영입니다. 디자인 시스템에 대해 Product UX 팀의 박이슬 매니저님께서 상세히 작성해 주신 내용들이 있기에 저는 간략하게 디자인 시스템에 대해 설명하고 현재까지 어떤 방식으로 디자인 시스템을 작업하고 있는지, 디자이너와 개발자의 협업과 디자인 토큰이 무엇인지 그리고 디자인 토큰을 정의하여 테마를 적용해 보는 것에 대해 이야기해 보려고 합니다. 작년 9월 말 모바일 개발팀에 합류하게 되면서부터 GS SHOP 디자인 시스템을 구축하기 시작했습니다. 디자인 시스템은 회사 내에서 많은 분들이 관심을 가지고 계시는 분야이기도 하고 전 세계적으로도 계속해서 뜨거운 이슈입니다. Google의 Material Desig..

Design 2022.07.04

디자인 시스템을 활용하여 기간계 웹화면 개발 생산성 높이기

안녕하세요. 저는 현재 GS 리테일 주문 Product팀에서 주문/결제 개발운영 업무를 담당하고 있는 김헌기(Darion) 입니다. 개발자가 웹 화면을 개발할 때 디자인을 쉽게 적용하기 위해 함께하는 멤버 분들과 기간계 디자인 시스템이란 것을 만들어 보게 되었습니다. (임광규 K, 김석중 SJ, 이민기 Miguel, 조영훈 Joe, 김재성 Eren) 기간계 디자인 시스템이 왜 필요했는지 무엇이 좋았는지 앞으로 어떻게 사용하면 좋은지 저희 고군분투기를 통해 이야기를 풀어 보겠습니다. 기간계 디자인 시스템은 왜 필요했는가? 개발자가 화면을 개발할 때 가장 어려운 부분이 버튼이나 입력 필드 같이 화면을 구성하는 요소의 넓이와 높이를 맞추거나 정렬해야 되는 경우 디자인을 준수하게 처리하는 부분이라 생각을 합니다..

Design 2021.11.15