디자인 시스템 프로젝트

[DaleSeo]

배경

• 달레 스터디에서 제품 개발 프로젝트를 할 때 UI 컴포넌트가 없어서 비효율이 심함 (보통 디자이너 없이 개발)
• 달레가 운영하는 개인 웹사이트 간의 디자인 일관성이 없음

목표

개성있고 일관적인 UI 개발을 위해 디자이너와 개발자들이 효과적으로 협업할 수 있는 오픈소스 디자인 시스템 구축

요구사항

• Acessibility
• Responsiveness (Mobile-first)
• Dark Mode
• Korean Optimized
• Design/Development Experience: API Design, Type-Safe, Documentation

적용 대상

• https://www.daleseo.com/ (MAU 100,000)
• https://www.bigocalc.com/ (MAU 50,000)
• https://www.algodale.com/ (MAU 2,000)
• https://www.dalestudy.com/
• https://www.daleui.com/

팀 규모

• 디자이너 3명
• 개발자 5명

예상 기간

• 총 5~6개월

로드맵

Phase 1: Opiniated Design System

현재 운영 중인 웹사이트에 적용할 수 있을 정도의 컴포넌트 라이브러리 확보

• 디자인 토큰 정의
• 필수 UI 컴포넌트 디자인 (Atoms, Layout, Form)
• 컴포넌트 API 설계
• React 컴포넌트 구현
• 마케팅 웹사이트

Phase 2: Cutomizable Design System

• Theme API
• White labeling
• 별개의 범용 또는 헤드리스 디자인 시스템으로 분리도 고려
• Blog

Phase 3: Community-driven Design System

• Playground
• AI
• Web Components (스타일을 공유하는 spin-off 프로젝트가 될 수도 있음)

기술 스택

https://github.com/DaleStudy/daleui/wiki/Tech-Stack

협업 도구

유료 도구는 후원를 받아서 충당할 예정

• 깃허브 저장소
• 디스코드 채널
• 스토리북
• 피그마

프로젝트 운영

• 최대한 비동기 소통
• 격주 업데이트 회상 회의
• 격주 mop design/programming (선택 참여)

추가 고려사항

• 다국어 지원

[owni14]

프로젝트 참여 희망합니다!

[RiaOh]

안녕하세요! 프로젝트에 참여하고 싶은데 아직 개발경험이 많이 부족합니다.
그래도 참여 가능할까요?

[DaleSeo]

@owni14 @RiaOh 디자인 시스템 프로젝트에 관심을 가져주셔서 감사합니다. 혹시 저희 디스코드 서버에 가입이 되어 있는 상태이실까요? 디스코드 별명을 알려주시면 제가 DM을 드리도록 하겠습니다.

[owni14]

kmwoo0514입니다! 감사합니다 :)

[RiaOh]

ria_o 입니다~!
감사합니당!

[yolophg]

프로젝트 참여 희망합니다~!🎨
display name: Helena
username: yolophg
입니다, 감사합니다.

[sounmind]

안녕하세요 달레님.
프로젝트 참여 희망합니다!
어떤 경험을 할지 너무 기대되네요😄

[Sunjae95]

디자인시스템을 만들 수 있는 기회가 있다니 저도 프로젝트 참여 희망합니다🤗
함께 많은걸 경험하고 끝까지 완주해보고 싶네요🙂

[nimuseel]

안녕하세요! 프로젝트 참여 희망합니다 :)
discord: sumin

[mike2ox]

안녕하세요! 디자인시스템 프로젝트 참여하고 싶습니다🙌
discord: moonhyeok

[lylaminju]

안녕하세요~ 디자인시스템 프로젝트에 기여해보고 싶습니다 😀
discord: @lylaminju (nickname: Lyla)

[DaleSeo]

디자인 시스템 프로젝트에 많은 관심을 보여주셔서 감사합니다! 🙇 (제가 따로 모집 공고를 올리지도 않았는데 다들 어떻게 알고 이렇게 댓글을 달아주시는데 신기하네요 😅) 아쉽지만 이미 디자이너와 개발자가 충분히 확보되어 팀원 모집을 여기서 마감하도록 하겠습니다.

장기 프로젝트라서 이번에 코어 팀에 합류하지 못하시더라도 중간 중간 부족한 인원을 충원할 예정입니다. 누구에게나 열려 있는 오픈소스 프로젝트이니 저장소를 지켜보시면서 추가 모집을 기다려주시면 감사하겠습니다. https://github.com/DaleStudy/daleui