LG생활건강

개요

LG생활건강 웹사이트는 다양한 브랜드·제품·채널을 한 데 모으는 대규모 허브 성격을 지니며, 방문자가 원하는 정보에 빠르게 도달하도록 돕는 정보 설계와 명료한 내비게이션이 필수입니다. 본 리뷰는 ① 핵심 가치 제안의 가독성, ② 상품·브랜드·스토리 간 이동 경로, ③ 검색·필터 등 탐색 도구의 효율, ④ 접근성 표준 준수, ⑤ 이미지·스크립트 최적화와 메타 데이터 구성 등 다섯 축을 중심으로 진단했습니다. 또한 퍼널 단계별 전환을 고려해 CTA 배치·레이블링·피드백을 점검하고, 유지보수 관점에서 컴포넌트화·디자인 토큰 활용 등 운영 효율 개선 방안도 함께 제안합니다.

브랜드·콘텐츠 전략

브랜드 스토리·제품 라인업·사회적 가치 활동 등 서로 다른 스토리 레이어가 혼재할수록, 우선순위 체계와 콘텐츠 타입별 템플릿이 중요해집니다. 메인·카테고리·세부(상세) 페이지 간 문서 구조의 일관성을 유지하고, H1~H3 계층을 정보 설계와 맞추어 구성하면, 검색·스크린리더·요약(OG) 모두에서 효율이 커집니다. 또한 ‘구매/유통’ 전환과 ‘브랜드 인지/신뢰’ 전환이 공존할 때는 경로 분기를 명확히 제시해 사용자가 스스로 목적 경로를 선택하도록 돕는 것이 좋습니다.

카피는 ‘가치→증거→행동’의 3단 구성으로 최적화하고, 핵심 수치·인증·히스토리를 하이라이트 블록으로 노출하면 스캐닝이 쉬워집니다. 이미지·영상은 콘텐츠 의미를 강화하는 캡션과 함께 사용하고, 썸네일·OG·메타 이미지 규격을 통일해 공유 시 일관된 인상을 제공합니다. 마지막으로 다국어·모바일 비중을 고려해 짧은 헤드라인, 충분한 행간, 터치 타깃 크기 등을 기본값으로 채택하는 것을 권장합니다.

UX/UI 개선 항목

UX 흐름은 탐색(Find)→이해(Understand)→결정(Decide)의 연쇄로 설계합니다. 1) 메인에서는 상위 과업으로 가는 진입 카드를 3~5개로 단순화하고, 2) 카테고리에서는 필터·정렬·태그를 한 화면에 집약하여 반복 탐색 비용을 줄이며, 3) 상세에서는 비교/공유/문의/구매 등 명확한 CTA를 퍼널 단계와 사용자 맥락에 맞춰 배치합니다. 컴포넌트는 재사용 우선으로 만들고, 버튼·폼·피드백 패턴을 통일해 학습 비용을 낮춥니다.

UI는 대비(AA 이상), 포커스 표시, 키보드 트래핑 방지, 폼 레이블·에러 힌트 제공 등 접근성 체크리스트를 기본으로 삼아야 합니다. 이미지에는 구체적 의미를 담은 대체텍스트를 제공하고, 인터랙션은 모션 지속시간 200~300ms 범위에서 사용자의 주의를 보조하도록 설계합니다. 마지막으로 콘텐츠 가독성을 위해 문장 길이·행간·문단 간격을 조절하고, 모바일에서는 여백 우선·한 손 사용 패턴을 고려합니다.

기술·성능·SEO

성능 최적화는 이미지·폰트·스크립트의 전송 용량과 차단 시간을 줄이는 데서 시작합니다. 히어로 이미지는 필요 시 WebP/AVIF를 제공하고, 본문 이미지는 지연 로딩과 명시적 width/height(CLS 예방)를 설정합니다. CSS·JS는 구간 분할과 불필요 자산 제거(Tree-shaking)로 줄이고, 3rd-party 스크립트는 지연/지연-우선 로딩으로 전환합니다. SEO는 제목·설명·OG·트위터 카드·구조화 데이터(가능 시)를 정비하고, 의도 기반 내부링크를 촘촘히 구성해 체류·전환을 높입니다.

빌드·운영 측면에서는 캐시 무효화 전략을 수립하고, 릴리즈마다 핵심 지표(LCP, CLS, INP)를 점검합니다. 크리티컬 렌더링 경로를 단축하고, 이미지 CDN·HTTP/2·압축을 활용하면 글로벌 트래픽에서도 일관된 경험을 제공할 수 있습니다. 접근성 자동화 검사와 에러 로깅, 웹 분석을 연동해 데이터 기반 개선 사이클을 정착시키는 것을 추천합니다.

The Blue Canvas

더블루캔버스(The Blue Canvas)는 브랜드 전략과 디지털 제품 경험을 연결하는 디자인·개발 스튜디오입니다. 우리는 비즈니스 목표에 맞춘 정보구조 설계, 컨텐츠 전략, UI 시스템화, 프론트엔드 최적화를 통합적으로 제공하며, 운영팀이 스스로 확장 가능한 구조를 지향합니다. 협업 과정에서는 워크숍·프로토타입·사용성 테스트를 활용해 리스크를 조기에 낮추고, 데이터·인사이트를 바탕으로 의사결정의 명료성을 높입니다. 자세한 소개와 포트폴리오는 아래 링크에서 확인하실 수 있습니다.

총평

LG생활건강 사이트는 다양한 브랜드 자산과 제품 카테고리를 한데 모으는 만큼, 처음 들어온 사용자가 ‘무엇을 할 수 있는지’를 즉시 이해하도록 설계하는 일이 중요합니다. 본 리뷰에서 제안한 메시지 계층화, 탐색 흐름 단순화, 접근성·성능 기본기, 메타·링크 구조 정비만으로도 체감 경험은 분명히 좋아집니다. 이후에는 분석 데이터 기반으로 카피·배치·컴포넌트를 미세 조정하고, 디자인 토큰과 컴포넌트 카탈로그를 통해 확장 가능한 운영을 구축하길 권합니다.