Phase 1
현황 분석 및 리서치
리디자인에 앞서, 먼저 인바디의 기존 쇼피파이 웹사이트에 대한 심층 분석을 진행했습니다. 기술적으로는 문제가 없었지만, 이전 디자인은 브랜드 스토리텔링이 부족했고, 인바디의 전문성과 신뢰성을 효과적으로 전달하지 못했습니다.
사용자들은 종종 단순한 제품 목록 페이지로 바로 이동했는데, 이는 웰니스 브랜드를 경험하고 있다기보다는 카탈로그를 보는 느낌을 주었습니다. 이에 정성적 분석과 히트맵 리뷰를 통해 아래와 같은 주요 문제점을 도출했습니다.
- 정보 계층 부재: 사용자가 제품 기능을 이해하기 위해 긴 텍스트를 스크롤해야 함
- 시각 요소 부족: 제한적인 사진 사용으로 페이지가 차갑고 지나치게 기술적임
- 신뢰 신호 약함: 후기, 사회적 신뢰도, 제휴 파트너 표시가 없어 프리미엄 가격 정당화가 어려움
리디자인 방향을 수립하기 위해, 고객의 욕구, 불편, 우려를 분석하여 정확도 기대, 사용성, 가격 정당화까지 고려한 사용자 경험 전략의 기반을 마련했습니다.
Phase 2
디자인 전략 수립 및 구현
이번 리디자인의 핵심 목표는 인바디의 웹사이트를 단순한 제품 디렉토리에서 벗어나 브랜드 경험 공간이 될 수 있도록 재탄생 시키는 것이었습니다.
기존 웹사이트에서 사용자는 정적인 컬렉션 페이지 중심으로 움직였고, 제품 페이지는 텍스트 중심으로 이루어져 있어 중요한 정보가 설명 탭 안에 묻혀 있었습니다. 리디자인 후에는 각 페이지가 기술력, 라이프스타일, 신뢰성을 결합한 시각적 스토리텔링 여정을 전달하도록 설계했습니다.
홈페이지는 H30 체중계를 보여주는 대형 시네마틱 배너로 시작하여 브랜드를 현대적인 고성능의 이미지로 자리매김하도록 만들었습니다. 그 아래에는 라이프스타일 이미지를 배치해 제품을 실생활에 접목시켜, 과학적 신뢰성과 목표 지향적 이미지를 자연스럽게 연결시켰습니다. 하단에는 기능 아이콘과 비교표를 통해 인바디의 독보적 장점을 명확히 보여주고, Texas A&M, Walmart, ESPN 등과의 브랜드 제휴를 통해 신뢰와 전문성을 강화했습니다.
제품 페이지도 완전히 재구성했습니다. 이전에는 긴 텍스트 안에 기능 정보가 묶여 있었지만, 이제는 이미지 모듈, 인포그래픽, 설명 영상으로 각 기능을 시각화하여 사용자가 스크롤하면서 자연스럽게 탐색할 수 있도록 만들었습니다.
제품 스토리와 브랜드 비주얼을 통합함으로써, 새 쇼피파이 웹사이트는 인지 단계에서 구매 단계까지 사용자의 여정을 매끄럽게 안내하며 행동 의도를 명확히 유도합니다.
Phase 3
맞춤 개발 및 퍼포먼스 개선
기존 쇼피파이 테마의 안정성을 유지하면서, 커스텀 코드 섹션과 전체 구조 개선을 통해 시각적 강화와 전환에 최적화된 경험을 구현했습니다. 주요 개선 사항으로는 다음의 것들이 있습니다.
- 동적 영상 통합: 모든 디바이스에서 원활하게 자동 재생되어 설치 과정과 정밀도를 시연
- 맞춤 콜라주 레이아웃: 데스크톱과 모바일 모두에서 일관된 디자인 유지
- 성능 최적화: 콘텐츠를 강화했음에도, 가벼운 스크립트와 압축된 이미지로 빠른 로딩 타임 유지
특히, 고품질 이미지 통합으로 전체적인 미관이 크게 향상되었습니다. 일관된 조명, 균형 잡힌 구성, 통일된 색 보정으로 인바디의 디지털 존재감은 의료 등급의 전문성을 반영하는 세련된 미관을 확보했습니다.
새 비주얼은 단순한 사이트 외관 개선을 넘어 브랜드 가치 상승, 신뢰 강화, 감정적 참여도 향상까지 이끌어냈습니다. 결과적으로, 이번 쇼피파이 리디자인은 기술적 안정성, 몰입감 있는 시각 경험, 감정적 설득력을 모두 갖춘 브랜드 생태계를 구축하며, 신뢰성과 전환율을 동시에 강화했습니다.