올리브영 서비스에 사용되는 컴포넌트를 모아놓은 그곳!
올리브영 서비스용 디자인 시스템을 Storybook과 Emotion으로 구축한 과정을 소개했습니다. 전역 스타일, 상태별 컴포넌트 문서화, 패키지 배포와 서비스 적용 방법을 다뤘습니다.
#React#TypeScript
3500
필터 1
QueryPie와 Figma, 딱 맞아떨어지는 협업의 정석
Figma 도입 전의 협업 비효율과 그로 인한 문제를 정리하고, 쿼리파이의 실시간 협업 프로세스를 소개했습니다. 또한 Figma가 기획부터 QA까지 전 단계에서 생산성과 커뮤니케이션을 높이는 이유를 설명했습니다.
#Figma#UI/UX
400
디자인 시스템 #2 : SwiftUI를 활용한 BottomSheet 제작기-1
SwiftUI의 `sheet`와 `presentationDetent`를 활용해 BottomSheet를 구현한 경험을 정리했습니다. 동적 높이와 확장형 시트, 커스텀 배경을 위한 인터페이스 설계 방향을 소개했습니다.
#SwiftUI#iOS
4100
비효율이 있는 곳엔 플랫폼 디자이너가 있다
은행 문자 속 ‘자동이체’ 표현으로 생기던 오해와 문의를 줄이기 위해 안내 문구와 화면 구성을 개선했습니다. 그 결과 월평균 문의가 3,173건에서 446건으로 크게 감소했습니다.
#UI/UX#design system
1500
OLEA? Storybook을 활용한 올리브영의 디자인 시스템!
올리브영은 BO 공통화를 위해 Vue와 Ant Design Vue, Storybook 기반 디자인 시스템 OLEA를 구축했습니다. GitHub Packages 배포로 내부 개발자들이 일관된 컴포넌트를 쉽게 재사용하도록 만들었습니다.
#Vue#Storybook
7400
디자인 조직이 성장할수록 필요한 일
디자인 조직이 커지며 생기는 비효율을 Design Ops TF로 개선한 사례를 소개했습니다. 피그마 규칙 통일, 스펙 가이드라인, 학습 프로그램으로 협업과 업무 효율을 높였습니다.
#DesignOps#UI/UX
14900
Velopers 추천광고
쿠팡 파트너스
개발자를 위한 인기 상품을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발자#노트북#컴퓨터
문제의 근원을 해결 하기 위한 다양한 시도
토스 디자인 시스템 테이블의 사용성 문제를 근본 원인부터 다시 정의하고 개선한 과정을 소개했습니다. 실제 사용 조사, AG Grid 활용, 집중된 검증으로 테이블 2.0을 완성했습니다.
#UI/UX#design system
2000
DESIGN SYSTEM FOR Android: From Figma to Jetpack Compose
Figma와 Jetpack Compose를 활용해 Android 디자인 시스템을 구축하는 방법을 다뤘습니다. 디자이너와 개발자의 협업과 일관된 UX 관리 포인트를 소개했습니다.
#Android#Jetpack Compose
2400
deFign : 네이버 페이의 디자인 시스템을 정의하다
네이버페이는 공통 UI와 디자인 토큰을 기반으로 디자인 시스템 deFign을 구축했습니다.\n컴포넌트 표준화와 스토리북, 인터페이스 조율로 일관성과 개발 효율을 높였습니다.
#design system#Figma
10500
101 Sherpa: 2023년 3월 호
클래스101 사내 뉴스레터 101 Sherpa의 2023년 3월호를 정리했습니다. 제품 개선, 크리에이터 소식, 팀 인터뷰와 문화 콘텐츠를 함께 소개했습니다.
#SEO#UI/UX
1200