담당 업무
11번가 모바일웹의 핵심 페이지인 상품상세페이지(PDP) 전체 UI를 단독으로 담당하며, 신규 기능 개발부터 디자인 검수, 크로스브라우저 대응까지 수행했습니다. 범용 상품상세, 파트너몰 PDP, 글로벌 파트너 PDP, 버티컬 PDP, 카탈로그 상세, 체험단 PDP 등 다수의 유형을 개발 및 유지보수하고 있습니다.
주요 성과
- 카탈로그 상세 전면 개편 — ATF 영역, 가격비교 탭, 필터, 플래그 시스템을 1차/2차에 걸쳐 리뉴얼. 다양한 판매처 케이스 대응
- 가격비교 모듈 고도화 — 가격비교 영역 구조 개선 및 가격비교 레이어 신규 추가
- PDP CLS(Core Web Vitals) 개선 — 이미지 영역 높이 사전 확보로 CLS 점수 최적화, 전체 PDP 유형에 적용
- 숏폼 플레이어 내재화 — 플레이어 레이아웃 초기 제작부터 QA까지 전담. Swiper 전환, 스켈레톤UI, 영상 비율 등 다수 이슈 해결
- 옵션 UX 대규모 개선 — ATF/옵션서랍 UX 리뉴얼, 선택형 옵션 구조 개선, 디자인 검수 전면 대응
상세 작업 타임라인
| 기간 | 작업 | 내용 |
|---|---|---|
| 2026.04 | 예약구매 PDP 신규 | ATF 예약구매 딜 배너, BTF 운영 배너, 하단 고정 버튼 케이스 추가 |
| 2026.04 | 특가 이벤트 팝업 | 이벤트 팝업 신규 추가 |
| 2026.01 | 가격비교 모듈 고도화 | 가격비교 영역 구조 개선, 버튼/아이콘 리뉴얼 |
| 2025.09 ~ 2026.01 | 카탈로그 상세 개편 1차/2차 | ATF 영역, 가격비교 탭, 필터, 플래그 시스템 전면 리뉴얼 |
| 2025.09 ~ 10 | 최저가 구매 플로우 개선 | 가격비교 레이어 신규 추가, 구매 유도 UI 개선 |
| 2025.09 | 리뷰 전진배치 | PDP 내 리뷰 영역 상단 이동 배치, 접근성 대응 |
| 2025.05 ~ 07 | 파트너몰 PDP 고도화 1차/2차 | 가격비교 모듈 신규 추가, 리뷰 영역 탭 구현, 선물 패키지 UI |
| 2025.02 ~ 2026.04 | 딜 상품 그룹 효율 강화 | 상품그룹 노출 효율 개선, 대표이미지 케이스, OOTD 이미지 대응 |
| 2025.01 | 최대할인가 개선 | 간편결제 적용 |
| 2024.12 | 리뷰 UI 개선 | 리뷰탭 뱃지 변경, 베스트픽 뱃지, 배너 추가 |
| 2024.09 ~ 12 | 숏폼 플레이어 내재화 | 플레이어 레이아웃, Swiper 전환, 스켈레톤UI, 코치마크 등 |
| 2024.09 ~ 12 | 옵션 UX 개선 | 선택형 옵션 구조 개선, ATF/옵션서랍 UX 리뉴얼 |
| 2024.10 | 구독 서비스 PDP | PDP UI, 관리자페이지, 초대 대기화면 신규 개발 |
| 2024.10 ~ 12 | 앱 진입 스플래시 | 특정 앱 진입 시 스플래시 화면 신규 제작 |
| 2024.09 ~ 10 | 페이백 프로모션 | 프로모션 UI 추가, 공유하기 팝업 종료 안내 |
| 2024.08 ~ 09 | 딜 상품 PDP | 딜 리스트 구조 신규 제작, 리뷰 영역 |
| 2024.08 | 상품그룹 영역 개선 / 멤버십 쿠폰 | 구매서랍 내 그룹상품 노출 방식 개선 |
| 2024.07 | 장바구니 담기 추천 / 버티컬 서비스 | 추천 영역 신설, 서비스 구분 칩 추가 |
| 2024.06 ~ 11 | 범용 PDP 디자인 검수 | 전면 디자인 검수 대응 |
크로스브라우저 대응
- iOS 18/26 옵션서랍 이슈
- 저해상도 단말기 대응
- APP 웹뷰 스크롤 이슈
- Android 6 버전 대응
기타 PDP 관련 작업
| 영역 | 내용 |
|---|---|
| 마트 PDP | 미니장바구니 (추천상품/내가담은상품), ATF 플래그, 배송정보 영역 |
| 미니PDP | 디자인 검수, 저해상도 단말기 대응 |
| 버티컬 PDP (패션) | 비슷한 스타일 둘러보기 찜버튼 이슈 대응 |
| 글로벌 파트너 PDP | 상품 이미지 비정상 크기 노출 수정 |
| 직매입 PDP | 애플케어 아이콘 변경 |
| 디지털 상품 PDP | 복수 선물 시 문구 케이스 추가 |
| 뷰티 멤버십 PDP | 혜택팝업, 간편결제 인증 safe-area 대응 |
| 쿠폰받기 | 선착순 쿠폰 UI 추가, 장바구니 쿠폰 |