중국 구매대행 사이트 리뉴얼 사례｜홀세일차이나(Wholesalechina) 반응형 웹 구축

10년 이상 운영된 중국 구매대행 사이트의 전면 리뉴얼

구매대행 사이트에는 회원, 구매대행 신청, 결제, 입고, 배송, 마이페이지 등 여러 기능이 서로 연결되어 있습니다.

따라서 오랫동안 운영해온 사이트를 리뉴얼할 때는 새로운 디자인을 적용하는 것만으로 작업이 끝나지 않습니다.
기존 기능과 데이터 흐름은 유지하면서 새로운 화면을 적용하고,
PC뿐 아니라 모바일과 태블릿에서도 서비스를 이용할 수 있도록 구현해야 합니다.

홀세일차이나 역시 2014년 오픈 이후 10년 이상 기능 추가와 부분 개선을 거쳐 운영됐으며,
이번에 처음으로 홈페이지를 전면 개편했습니다.

이번 리뉴얼은 불필요한 부분은 줄이고, 보기 쉽고 간편한 이용 환경을 만드는데 주력했습니다.

이번 리뉴얼은 클라이언트 측에서 직접 준비한 디자인을 바탕으로,
기존 시스템에 영향이 가지 않도록 모든 페이지를 새로 코딩하는 방향으로 리뉴얼을 진행했습니다.

어떤 부분이 주요 변경사항인지 살펴보도록 하곘습니다.

구매대행 사이트는 왜 모바일 대응이 중요할까요?

구매대행 사이트는 상품 신청부터 결제, 진행 상황 확인, 배송조회까지 여러 기능을 사용하기 때문에
PC뿐 아니라 모바일에서도 주요 기능을 이용할 수 있는 구조가 중요합니다.

이번 리뉴얼에서는 가장 큰 핵심 사항은 기존의 PC 중심 사이트를 반응형 웹으로 전환한 점입니다.

반응형 웹은 PC용과 모바일용 사이트를 별도로 운영하는 방식이 아니라,
접속한 화면 크기에 따라 메뉴, 콘텐츠, 버튼, 입력폼 등의 배치가 달라지는 방식입니다.

특히 구매대행 신청서나 마이페이지는 일반적인 소개 페이지보다 한 화면에 표시해야 할 정보가 많습니다.

PC 화면의 구성을 단순히 작게 축소하는 것이 아니라 메뉴 구조, 버튼, 표, 입력폼, 상품 정보 등이
모바일 화면에서도 확인하고 사용할 수 있도록 화면 크기에 맞춰 다시 배치되어야 합니다.

홀세일차이나 리뉴얼에서는 주요 서비스 화면을 반응형으로 구현해
PC·태블릿·모바일에서 동일한 구매대행 서비스를 이용할 수 있도록 개발했습니다.

이미지 중심 사이트를
텍스트 기반으로 바꾸면 무엇이 달라질까요?

이미지 안에 포함되어 있던 주요 정보를 실제 웹페이지의 텍스트로 전환하면 내용을 수정하고 관리하기 쉬워지고,
검색엔진과 AI가 페이지의 내용을 이해할 수 있는 기반도 만들 수 있습니다.

겉으로 보기에는 이미지 안의 글자와 웹페이지에 작성된 글자가 크게 다르지 않아 보일 수 있습니다.
하지만 검색 환경에서는 차이가 있습니다.

Google은 AI Overviews와 AI Mode 같은 생성형 AI 검색에서도 기존 SEO의 기본 원칙이 여전히 중요하다고 안내하고 있으며,
중요한 콘텐츠는 검색엔진이 접근할 수 있는 텍스트와 웹페이지 구조로 제공하는 것을 권장하고 있습니다.

출처 : Google 생성형 AI 검색 최적화 공식 가이드

물론 텍스트 기반으로 전환한다고 해서 검색 노출이나 AI 검색 인용이 자동으로 보장되는 것은 아닙니다.

다만 서비스 내용, 이용 절차, 비용과 같은 핵심 정보가 제목·본문·표·목록 등의 실제 웹 콘텐츠로 제공되면
검색엔진과 AI가 페이지의 의미와 구조를 파악하기 좋은 환경을 만들 수 있습니다.

이미지로 제공되던 이용안내를 텍스트 기반으로 전환

기존 홀세일차이나에서는 구매대행 절차, 회원등급 등 주요 이용안내를 이미지 중심으로 제공하고 있었습니다.
이번 리뉴얼에서는 이러한 안내 내용을 이미지 안에 넣는 대신 실제 웹페이지의 제목, 문장, 표 등의 형태로 다시 구현했습니다.

이렇게 구성하면 이용자가 필요한 내용을 페이지 안에서 보다 쉽게 확인할 수 있고,
안내 내용이나 정책이 변경됐을 때도 이미지 전체를 다시 제작하지 않고 필요한 부분만 수정할 수 있습니다.

특히 구매대행 절차, 수수료, 회원등급처럼 운영 과정에서 변경될 가능성이 있는 정보는
텍스트와 표로 관리하면 유지보수 측면에서도 효율적입니다.

비용과 부가서비스를 표와 텍스트로 정리

구매대행 사이트에서는 비용 안내도 중요한 정보입니다.

현재 홀세일차이나의 비용 및 부가서비스 안내에서는
상품가격, 중국 내 배송료, 보관료, 재포장비용, 보험료, 대행수수료, 국제배송비 등
이용 과정에서 발생할 수 있는 비용을 항목별로 구분해 표와 텍스트 형태로 안내하고 있습니다.

이처럼 비용과 서비스 조건을 텍스트와 표로 구성하면 이용자가 필요한 항목을 찾기 쉽고,
비용이나 정책이 변경됐을 때 해당 부분만 수정할 수 있어 운영 측면에서도 관리하기 좋습니다.

신청서와 마이페이지는 새로운 UI를
기존 시스템과 연결해야 합니다

구매대행 사이트의 신청서와 마이페이지는 단순한 화면이 아니라 실제 구매대행 시스템과 연결되는 핵심 영역입니다.

구매대행 신청서에는 상품 정보와 옵션, 구매 요청사항 등 여러 정보를 입력하게 되고,
마이페이지에서는 신청 이후 구매·입고·결제·배송 등 진행 상황을 확인합니다.

따라서 새로운 디자인을 적용할 때는 화면만 구현하는 것이 아니라 기존 시스템에서 처리하던 정보와 기능이
새로운 UI에서도 정상적으로 작동하도록 연결해야 합니다.

이번 리뉴얼에서는 클라이언트가 새롭게 설계한 신청서와 마이페이지 UI를 기존 홀세일차이나 구매대행 시스템에 맞춰 구현했습니다.

변경된 운영 방식도 신청서에 반영

리뉴얼과 함께 구매대행 신청서의 일부 입력 방식도 변경됐습니다.

기존 신청서에서는 사용자가 포장방법과 원산지 표시방법을 직접 선택했지만,
처음 이용하는 사용자가 적절한 방법을 판단하기 어려워 다시 확인해야 하는 경우가 많았습니다.

리뉴얼된 신청서에서는 묶음 포장 여부만 사용자가 선택하고, 포장방법과 원산지 표시는
중국센터에서 판단하는 방식으로 변경됐습니다. 별도의 요청사항은 메모를 통해 전달할 수 있습니다.

이는 클라이언트 측에서 결정한 새로운 운영 방식을 리뉴얼된 신청서에 반영해 개발한 사례입니다.

구매대행 사이트 리뉴얼에서는 이처럼 디자인 변경뿐 아니라 실제 운영 정책의 변경사항도 시스템에 정확하게 반영되어야 합니다.

운영 중인 구매대행 사이트를 리뉴얼할 때 확인해야 할 것

이미 운영 중인 구매대행 사이트를 리뉴얼하는 것은 새로운 홈페이지를 처음 만드는 작업과는 차이가 있습니다.

기존 회원과 신청 데이터가 있고, 신청 이후 결제·입고·배송으로 이어지는 업무 흐름도 이미 운영되고 있기 때문입니다.
따라서 구매대행·배송대행 사이트를 리뉴얼할 때는 디자인뿐 아니라 다음과 같은 부분을 함께 확인해야 합니다.

이번 홀세일차이나 리뉴얼은 기존 구매대행 시스템을 유지하면서
모바일 대응, 콘텐츠 구조 개선, 주요 기능 화면 재구현을 함께 진행한 사례입니다.

구매대행 사이트 리뉴얼은
디자인 변경만으로 끝나지 않습니다

구매대행 사이트는 일반적인 회사 소개 홈페이지와 달리 신청, 결제, 입고, 배송, 마이페이지 등
실제 업무를 처리하는 시스템과 웹사이트가 밀접하게 연결되어 있습니다.

따라서 리뉴얼을 검토할 때는 디자인뿐 아니라 모바일 이용 환경, 기존 시스템과의 연결,
콘텐츠 관리 방식, 검색엔진과 AI가 정보를 이해할 수 있는 구조까지 함께 살펴볼 필요가 있습니다.

OFF는 구매대행·배송대행 사이트와 관련 시스템을 개발해 온 경험을 바탕으로 새 사이트 구축뿐 아니라
기존 시스템의 리뉴얼, 반응형 웹 적용, 신청서·마이페이지 등 주요 기능 화면 개발도 진행하고 있습니다.

OFF의 다른 구매대행 사이트 구축 사례도 함께 확인하실 수 있습니다.