GS리테일 DX 블로그

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

Design 5

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

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

Design 2022.07.04

[d'sco] 디스코 시선으로 알아본 디자인 트렌드

안녕하세요, Product UX팀의 김지원입니다. 지난 5월 25일 GS 리테일의 UXUI 디자이너 커뮤니티 d’sco 3 회 행사가 진행되었습니다. 2 회 때는 요즘 핫한 주제인 디자인 시스템에 대한 실무진의 생생한 경험담(디자인시스템 어디까지 해봤니?)을 들어보았다면, 3 회에서는 디자인 트렌드를 주제로 이야기 꽃을 피웠습니다. 최근 디자인 트렌드라는 주제에 관심을 갖고 있던 중 마침 d’sco 소모임을 통해 비슷한 관심사를 갖고 있는 멤버들과 이야기 나눌 수 있었습니다. 그래서 오늘은 사용자가 로딩을 기다리는 시간에 대처하는 여러 서비스들의 최신 디자인 사례들과 2022년의 그래픽 디자인 트렌드 발표 내용을 요약해서 전해드리겠습니다. 디스코 시선으로 알아보는 디자인 트렌드 첫 번째, 기다림이 즐거움..

Design 2022.06.14

[d’sco] 디자인시스템 어디까지 해봤니?

안녕하세요. Product UX팀의 박이슬입니다. 지난 4월 27일 GSR UXUI디자이너 커뮤니티 d’sco 2회가 성황리에 개최되었습니다. 1회보다 규모가 커져 단단히! 준비를 한 걸로 알고 있는데 참여하고 나니 이런 자리가 그동안 얼마나 필요했고 원했는지 알 수 있는 뜻깊은 시간이었습니다. 2회 때는 가장 관심이 많고 핫한 디자인 시스템에 대해 ‘디자인 시스템 어디까지 해봤니?’를 주제로 현업에서의 이야기를 생생하게 듣는 자리를 가졌습니다. 오늘은 그 내용을 핵심만 요약해서 공유드리도록 하겠습니다. 디자인 시스템 어디까지 해봤니? 리테일 내에서도 관심이 많은 디자인 시스템! 일부 서비스 별로 실제로 적용 중인 거 알고 계셨나요? 현재 진행 중인 디자인 시스템 제작을 어떻게 시작했고 어떤 식으로 만들..

Design 2022.05.10

인터랙션 디자인 탐구생활 그리고 d'sco 행사 엿보기

안녕하세요, 사용자 관점에서 서비스를 계속적으로 고민하는 Product UX팀의 홍지원입니다. 저희 팀에서는 다양한 관심분야에 대해 연구한 내용을 같이 공유하고 업무와 관련된 고민이 있을 경우, 같이 이야기하는 시간으로 미니 세미나를 진행하고 있는데요, 얼마전 이야기했던 ‘인터랙션 디자인’에 대한 내용을 더 많은 사람들과 공유하면 좋겠다는 생각에 d’sco에서 선보이게 되었습니다. 오늘은 그 발표 내용을 요약해서 같이 공유드리도록 하겠습니다. 인터랙션 디자인 탐구생활 인터랙션의 사전적인 의미를 찾아보면, 인간이 제품이나 서비스를 사용하면서 상호간 작용하는 것을 용이하게 하는 디자인 분야라고 정의합니다. 주로 인간과 컴퓨터의 상호작용을 디자인하는 것을 의미하는데요, 너무 어렵게만 느껴져서, 좀 더 쉽게 설..

Design 2022.04.05

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

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

Design 2021.11.15