NAVER FE Devtalk

1. 성장하는 디자인 시스템

2. 1. 와디즈 디자인 시스템 waffle
2. 성장하는 디자인 시스템?
3. 결론

3. 2019년 3월

6. 펀딩

7. 투자

8. 스쿨

9. 스타트업 찾기

10. 스타트업 찾기
펀딩
투자
스쿨
투자 메이커 스튜디오
광고
검색
회원
스토어
결제
오픈예정
케스트
펀딩 메이커 스튜디오

11. 펀딩 투자 스토어

12. 펀딩 투자 스토어
와디즈

13. 규칙

14. Wadiz design system

15. UX Principle Guideline
명료하고 직관적인 사용자 중심의 경험
비즈니스 임팩트를 주는 디자인
크라우드펀딩 가치 전달
신뢰와 보완
Better UX

17. Component Version Build Docs

18. 서비스 A
서비스 B
서비스 C
Waffle Version up Nexus npm install

19. 와디즈 디자인 시스템 waffle

20. 타이포
아이콘
이미지
버튼
폼
네비게이션
다이얼로그
목록
토스트
탭
표
.
.
.

21. Front End

22. Designer

23. Button

24. 디자인 시스템 프로젝트

25. 완성형 디자인 시스템

26. 완성형 디자인 시스템의 문제점
업무 과중 (기본 서비스 운영 + 디자인 시스템)
서비스 적용이 어렵다.
유지보수 담당자 X
스팩 변경 공유가 원활하지 않았다.

27. 일 + 일 = 일
서비스 운영 디자인 시스템

29. black은 스팩에 없는….

30. 기획 디자인 컴포넌트
개발
화면 개발 API 연결 QA 배포
디자인 시스템
개선

31. =
/
컴포넌트 개발자 프로젝트 개발자

33. 디자인 시스템을 위한 디자인 시스템이 아닌
서비스를 위한 디자인 시스템이 필요하다

36. 프로젝트 디자인 시스템

37. 성장형 디자인 시스템

38. 성장형 디자인 시스템 장점
디자인 시스템을 개발하기 위한 별도의 일정 X
서비스에 알맞는 기능정의 가능
유지보수를 위한 별도의 담당자 X

39. 기획 공통 컴포넌트
검토
디자인 컴포넌트
개발
화면 개발 API 연결 QA 배포
업무 과중 (기본 서비스 운영 + 디자인 시스템)
서비스 적용이 어렵다

40. =
컴포넌트 개발자 프로젝트 개발자
유지보수 담당자 X

41. 스팩 변경 공유가 원활하지 않았다.
wiki release note
Slack 디자인 시스템 채널

42. 성장형 vs 완성형

43. 디자인 시스템을 위한 별도 인력 구성 O

44. 완성형 디자인 시스템

45. 디자인 시스템을 지속적으로 관리할
인력이 부족

46. 성장형 디자인 시스템

47. 감사합니다.