플러스프로젝트 배경
프로젝트마다 관리자 페이지 리소스를 새로 만들다 보니 제작 시간이 오래 걸리고 톤앤매너도 일관되지 않았습니다. 리서치해 보니 사용된 리소스가 제각각이었고, 버튼과 배지 같은 UI 요소의 변형도 지나치게 많았습니다.
프로젝트 성과
프로젝트 성과
새 구성 요소를 개발하는 데 걸리는 시간 단축
요소 설명이 줄어들어 디자이너와 개발자 간 핸드오프 효율 향상
코드화된 디자인의 일관성 향상 (사용자 인터뷰에서 긍정적 피드백 확인)
요소 설명이 줄어들어 디자이너와 개발자 간 핸드오프 효율 향상
코드화된 디자인의 일관성 향상 (사용자 인터뷰에서 긍정적 피드백 확인)
핵심 기능
Foundation 및 디자인 토큰
Pretendard 타입 스케일, Primary 100–600 컬러, Background와 Safety 컬러를 정의하고,
컬러와 타이포그래피를 개발 변수명과 맞춘 토큰으로 관리합니다.
컬러와 타이포그래피를 개발 변수명과 맞춘 토큰으로 관리합니다.
진행 단계
Discovery
2021.12.
프로젝트별 관리자 페이지의 UI 요소 불일치와 변형 현황 조사
프로젝트 상세
포트폴리오 소개 자사(플럭시티) 관리자 페이지를 제작하는 디자이너와 개발자를 위한 어드민 디자인 시스템입니다. 프로젝트마다 제각각이던 UI 리소스를 통합해 제작 속도와 일관성을 높였습니다. 작업 범위 디자인: 디자인 시스템 설계 · 구축 (Foundation, Design Token, Component, Template) 지원 환경: PC 웹 관리자 페이지, Figma 라이브러리 주요 작업
