BAUSCHLOMB ADMIN
📄 프로젝트 개요
BAUSCHLOMB ADMIN은 BAUSCH + LOMB의 전자상거래 플랫폼과 내부 관리 시스템을 통합적으로 관리할 수 있는 관리자 전용 웹 애플리케이션입니다.
Bauschlomb, Lensly, Point Site의 전자상거래 기능, 재고 관리, 고객 관리 및 마케팅 이벤트 운영을 하나의 시스템에서 통합적으로 제공하도록 설계되었습니다.
URL : 상용화 전 단계로 현재 개발 중이며, 아직 공개된 URL은 없습니다.
[기간]
2023.12 ~ 2024.10 ( 11개월 진행중 )
[목표]
- BAUSCH + LOMB의 전자상거래 및 매장 관리 효율화.
- 통합 관리 플랫폼 구축으로 운영의 편리성 증대.
- 고객 데이터 기반의 개인화된 혜택 제공 및 판매 전략 개선.
[역할]
- 백엔드와 협업하여 관리자 페이지의 UI/UX 설계 및 구현.
- 고객 및 매장 데이터를 통합 관리하기 위한 API 연동 개발.
- 포인트 적립 및 쿠폰 발행 기능과 이벤트 운영 시스템 구현.
[기여도]
- 팀 구성: 백엔드 2명, 프론트엔드 4명.
- 기여도: 총 팀 6명 중 약 30% 기여. (퍼블리싱 파트: 50%)
[활동내용]
- API 연동 및 데이터 관리 시스템 구축
- Lensly와 Point Site에서 제공되는 데이터를 통합 관리할 수 있는 API 설계 및 개발.
- 재고 및 판매 데이터를 실시간으로 표시하도록 동적 업데이트 기능 구현.
- 성능 개선
- React와 Redux를 활용해 로딩 속도를 단축하고, 효율적인 데이터 상태 관리를 구현.
- React와 Redux를 활용해 로딩 속도를 단축하고, 효율적인 데이터 상태 관리를 구현.
- 이벤트 및 마케팅 기능 개발
- 관리자 페이지에서 포인트 적립, 쿠폰 발행, 이벤트 등록 및 관리 기능을 설계.
- 사용자 맞춤형 알림 및 혜택 설정 기능 추가.
[주요기능]
1. 통합 재고 관리 시스템
- Bauschlomb, Lensly, Point Site의 상품 재고 실시간 업데이트.
- 관리자 페이지에서 일괄 관리 가능.
2. 포인트 및 쿠폰 관리
- 사용자 맞춤형 포인트 적립과 쿠폰 발행 시스템.
- 이력 관리와 데이터 분석을 통한 전략적 마케팅 가능.
3. 마케팅 이벤트 관리
- 관리자 전용 이벤트 생성 및 설정 기능.
- 진행 중 이벤트 성과 데이터 리포팅.
[사용된기술]
1. React
- 효율적인 컴포넌트 기반 UI 설계.
2. Redux & Redux-Saga
- 전역 상태 관리 및 비동기 데이터 처리.
3. RESTful API
- 재고 및 고객 데이터 연동을 위한 서버 통신 구현.
4. CSS3 및 Figma
- 반응형 웹 디자인 및 프로토타입 설계.
[느낀점]
1. 제품 재고 실시간 연동
문제 설명
- 통합어드민 플랫폼에서 재고 데이터를 효율적으로 업데이트하고 실시간으로 동기화하는 데 어려움이 있었습니다.
해결 방법
- API를 활용하여 제품 재고를 실시간으로 가져오고 업데이트하는 시스템을 구현했습니다.
Redux와 같은 상태 관리 도구를 사용해 사용자 인터페이스 전반에 재고 상태를 안정적으로 동기화했습니다
2. 관리자 등급에 따른 접근 권한 부여
문제 설명
- 관리자 권한에 따라 접근 권한을 차별화하는 시스템을 구현해야 했으며, 이를 안전하고 확장 가능한 방식으로 개발하는 데 도전이 있었습니다.
해결 방법
- 토큰 기반 인증 방식을 도입해 권한을 설정하고, 각 관리자 등급별 접근 범위를 명확히 정의했습니다. 이를 통해 불필요한 데이터 접근을 차단하고 시스템 보안을 강화했습니다.
3. 쿠폰 발급 카카오 알림톡 연동
문제 설명
- 쿠폰 발급과 알림톡을 통해 사용자에게 전달하는 과정에서 지연 문제와 API 호출 제한을 효과적으로 관리해야 했습니다.
해결 방법
- 쿠폰 발급 과정을 간소화하고, 알림톡 API와의 연동을 최적화하여 메시지가 정확하고 신속하게 전달되도록 시스템을 구축했습니다.
이를 통해 고객 경험을 개선했습니다.