LGE.COM 2.0 고도화 (마이페이지 · 제품 비교하기)

01 · 배경

정보 탐색 편의를 높이기 위한 공식몰 고도화

LG전자 공식몰 LGE.COM의 정보 탐색 편의 제고를 위한 고도화 SI로, 고객사 RFP 기반 페이지별 사용자 Pain Point 개선이 과제였습니다.

02 · 문제

흩어진 메뉴, 차이가 안 보이는 비교

• GA·뷰저블로 이탈 포인트를 확인, 메뉴 구조가 분산돼 탐색 경로가 길었음
• [제품 비교하기] AS-IS 구조 분석 결과, 비교 항목 정렬과 차이점 인지가 약했음

03 · 목표

Pain Point 개선과 일정 준수

페이지별 사용자 Pain Point를 개선하고 WBS를 100% 지키는 것이 목표였습니다.

04 · 내 역할

마이페이지 · 제품 비교하기 기획 담당

• 요구사항 분석: 사용성 평가 기반 정확한 제조사 정보 제공, 카테고리 구조 단순화·진입 경로 일원화
• [제품 비교하기] 영역 리서치·사용자 조사·UX/UI 기획·스토리보드·개발 F/U까지 담당
• PC 화면 검수·단위·통합 테스트, 운영자 대상 어드민 사용 매뉴얼 작성

05 · 과정

벤치마킹 → 사용성 테스트 → 구조 분석

• 삼성·애플·쿠팡·노써치 등 비교하기 벤치마킹으로 「직관화」 요소 도출
• 리크루팅·사용성 테스트, AS-IS UX 구조 분석 4화면으로 TO-BE 방향성 정리
• 사용자 지표 기준으로 주요 서비스·제품 중심 탐색 경로 우선순위 설정

06 · 해결

제품 비교하기 5개 개선 포인트

• 무효 클릭 방지
• 플러스 버튼 어포던스와 UX Writing 개선
• 비교 정보 영역 확대
• 앵커 탭으로 항목 간 이동
• 차이점 보기와 배경색 강조로 다른 항목만 드러내기

07 · 성과

탐색 통폐합과 프로젝트 수상

• 마이페이지 탐색 과정 통폐합, 제품 비교 직관화
• WBS 100% 준수
• A.N.D. AWARD Grand Prix 디지털미디어 & 서비스 부문 가전분야 수상(2022.11, 프로젝트 수상)

08 · 화면

실제 화면

이미지를 누르면 크게 볼 수 있습니다.