StarbucksPartner Hub
스타벅스 임직원 플랫폼
Partner Hub는 스타벅스 코리아 임직원의 공지·신청·업무 조회 등 내부 업무를 하나의 플랫폼에서 처리하기 위한 통합 서비스입니다. 모듈이 늘어날수록 화면마다 UI가 달라지면 학습 비용과 운영 혼선이 커지는 구조였고, 신규 모듈 추가를 전제로 일관된 사용 경험을 유지하는 것이 과제였습니다.
- Client
- Starbucks Korea
- Role
- UI ENGINEER · 통합 업무 플랫폼 퍼블리싱
- Period
- 2026
- Platform
- Enterprise Platform
- Tech Stack
- React, Next.js, TypeScript, SCSS
Case Study
Role
UI ENGINEER · 통합 업무 플랫폼 퍼블리싱
Contribution
- 모듈 확장을 전제로 공통 레이아웃·네비게이션·UI 컴포넌트 구조를 먼저 설계
- 대시보드·공지·신청 등 핵심 업무 흐름의 정보 위계와 상태 표현 기준 정립
- React·Next.js 기반 화면 단위 퍼블리싱 — 재사용 가능한 컴포넌트 단위로 분리
- 반응형·접근성 기준을 UI 작업 전반에 반영해 엔터프라이즈 품질 수준 유지
- 신규 모듈 추가 시 기존 UI 규칙을 따를 수 있도록 컴포넌트·스타일 가이드 정리
Tech Stack
- React
- Next.js
- TypeScript
- SCSS
Key Features
- Unified Work Platform
- Component System
- Scalable Layout
- Enterprise Accessibility
- Module Reusability
Achievements
- 90+Lighthouse 성능 점수
- 12+핵심 업무 모듈 구축
- 70%+컴포넌트 재사용률
- 엔터프라이즈플랫폼 구축
Outcome
핵심 업무 모듈을 공통 UI 구조 위에 구축해, 모듈이 추가되더라도 임직원이 동일한 탐색·조작 방식을 유지할 수 있게 했습니다. 컴포넌트 재사용 비중을 높여 신규 화면 작업 시간을 줄이고, 운영·기획 변경에도 UI 일관성을 지킬 수 있는 구조를 남겼습니다.Gallery
