ㄷㅅㅇㅌ ‘ㅇㄷ ㅅㅇㅌ ㅊㅊ’의 매력과 활용 방법 (The allure and practical use of ‘ㅇㄷ ㅅㅇㅌ ㅊㅊ’ in Korean)

[기사 제목] “디자인 시스템을 구축하며 성장하는 SGTT, ‘소규모 회사’에서 ‘대규모 기업’으로의 도약”

[서론]
SGTT는 2019년 설립된 ‘스티커 게시판’ 앱에서 출발한 ‘사진 공유’ 플랫폼으로, 쉬운 UI/UX와 참신한 아이디어를 바탕으로 단순 사진 공유 플랫폼에서 다양한 기능과 내용을 제공하며 성장해나가고 있다. 하지만 빠르게 성장하는 만큼 복잡한 상황도 많아졌고, 디자인 시스템의 필요성도 커졌다. 이번에는 SGTT에서 디자인 시스템을 구축하며, 기업 성장과 동시에 디자인 업무의 생산성을 높인 사례를 살펴보자.

[본론]
1. SGTT의 디자인 시스템 도입 배경
SGTT는 프로덕트의 디자인 업무가 빠르게 늘어남에 따라 조직 체계와 협업 방식, 사용하는 디자인 도구, 파일 형식 등 많은 갈등과 문제점을 겪었다. 이에 SGTT 디자인 팀은 작업 환경을 효율적으로 개선하고 제품의 일관성을 유지하고자 순차적으로 디자인 시스템을 도입했다.

2. SGTT 디자인 시스템 구성
SGTT 디자인 시스템은 크게 다음과 같이 구성된다.
– 플랫폼 컨셉 : SGTT의 브랜드 가치와 시각적 이미지를 담당하는 지침서
– 플랫폼 패턴 : 버튼, 스크롤, 인터페이스 등을 디자인에 적용하는 패턴 가이드
– 플랫폼 컴포넌트 : 디자인 요소를 애자일하게 조합해 원하는 페이지를 만들어낼 수 있는 UI/UX 디자인 요소
– 라이브러리 : 개발자와 디자이너가 공통적으로 사용하는 색상, 타이포그래피, 아이콘 등의 자원을 관리

3. SGTT 디자인 시스템 도입의 효과
SGTT 디자인 시스템은 다양한 형태와 크기의 프로덕트 개발에서 일관성 있는 디자인을 유지할 수 있는 효과가 크다. 또한 신규 디자이너가 팀에 합류하게 되어도 더 쉽게 적응할 수 있게 된다. 또한 빌드, 디자인, 커뮤니케이션 등 다양한 작업환경에서 통일된 자원과 규칙을 공유하며 강력한 시너지를 만들어낼 수 있게 되었다.

[FAQ]
– Q. 디자인 시스템 구축에 들어간 시간과 비용은 어느 정도인가요?
A. 구축 기간은 6개월, 총 구축 비용은 100,000달러입니다.

– Q. SGTT 디자인 시스템 주요 사용 도구는 무엇인가요?
A. Figma와 Github, Sketch 등이 주요 도구로 활용되고 있습니다.

– Q. SGTT 대표적인 디자인 시스템 구축 사례를 알려주세요.
A. ‘아침시간’, ‘페이드인/아웃’, ‘프로필 페이지’ 등 다양한 페이지에서 SGTT 디자인 시스템이 적용되었습니다.

– Q. SGTT 디자인 시스템의 결과물 중 성과나 효능을 입증할 만한 사례가 있나요?
A. SGTT는 디자인 시스템 도입 후 팀 규모와 기술의 발전으로 인해서 일관적인 디자인을 유지하며 기존 업무의 생산성을 높일 수 있었습니다. 또한 독보적인 브랜드 이미지를 유지할 수 있게 되었습니다.

ㅇㄷ ㅅㅇㅌ ㅊㅊ 주제와 관련된 16개의 이미지를 찾았습니다.