삼성화재 스토리북
이 프로젝트에서 제가 어떤 문제를 어떻게 풀었는지 직접 들어보세요
Storybook 기반 컴포넌트 라이브러리
삼성화재 다이렉트 서비스의 디자인 시스템 및 Storybook 컴포넌트 라이브러리를 구축했습니다.
TL;DR Impact
일관된 UI/UX를 위한 기업용 디자인 시스템 구축
회사
삼성화재
역할
풀스택 개발자
기간
7개월
2022.06 ~ 2022.12
팀 규모
5명
문제 해결 과정
🎯 해결한 문제
여러 서비스에서 일관된 UI를 유지하기 어려웠고, 컴포넌트 재사용성이 낮았습니다.
💡 적용한 솔루션
Storybook 기반 디자인 시스템을 구축하여 일관된 UI와 높은 재사용성을 확보했습니다.
🛠️ 주요 기능
Vue.js 기반의 반응형 인터랙티브 웹 구현
비전/서비스 콘텐츠를 스토리텔링 형식으로 재구성
애니메이션, 전환 효과 등으로 사용자 몰입도 향상 설계
타겟 사용자의 시나리오 기반으로 콘텐츠 흐름 설계
⚡ 기술적 도전과제
스토리텔링 기반 콘텐츠 구조 설계
브랜드 감성 전달을 위한 인터랙티브 요소 구현
사용자 몰입도 향상을 위한 UX 설계
🚀 프로젝트 성과
디자인 시스템 구축으로 신규 페이지 개발 시간 50% 이상 단축
UI 컴포넌트 일관성 확보로 브랜드 아이덴티티 강화
개발자-디자이너 간 커뮤니케이션 비용 대폭 감소
실제 현장 경험 & 프로젝트 결과물
thumbnail
삼성화재 디자인 시스템 메인
screenshot
삼성화재 디자인 시스템 화면 1
screenshot
삼성화재 디자인 시스템 화면 2
screenshot
삼성화재 디자인 시스템 화면 3
사용 기술
StorybookReactFigma
프로젝트 태그
Vue.js스토리텔링브랜딩인터랙티브웹
