역할과 운영 범위
모바일웹 상품상세의 여러 유형과 앱 WebView UI를 개발하고 운영했습니다. 가격, 옵션, 리뷰, 배송, 프로모션처럼 여러 영역이 맞물리는 화면에서 신규 기능과 디자인 변경을 반영했습니다.
같은 변경도 상품 유형과 기기, 브라우저에 따라 다르게 동작할 수 있어 구현 전에 영향 범위를 나누고, 반영 전후의 화면을 확인했습니다.
변경할 때 확인한 기준
- 어떤 상품 유형과 화면 영역에 영향을 주는지 먼저 확인
- 모바일웹과 앱 WebView에서 동작 차이가 있는지 구분
- 기획, 디자인, 백엔드 담당자와 변경 범위와 확인 항목 조율
- iOS와 Android 기기, 브라우저별 렌더링과 인터랙션 확인
- 운영 문제가 발생하면 서버 상태, 배포 결과와 검증 환경까지 확인
대표 작업
- 카탈로그 상세 개편 — 첫 화면(ATF) 영역, 가격비교 탭, 필터, 플래그 시스템을 1차와 2차에 걸쳐 리뉴얼. 다양한 판매처 케이스 대응
- 가격비교 모듈 고도화 — 가격비교 영역 구조 개선 및 가격비교 레이어 신규 추가
- PDP CLS(Core Web Vitals) 개선 — 이미지 영역 높이를 미리 확보하고 여러 PDP 유형에 적용
- 숏폼 플레이어 내재화 — 플레이어 레이아웃 초기 제작과 QA 대응. Swiper 전환, 스켈레톤UI, 영상 비율 등 다수 이슈 해결
- 옵션 UX 개선 — 첫 화면과 옵션서랍 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 추가, 장바구니 쿠폰 |