개성이 있는 웹사이트.
독립적인 디자인. 전 세계를 향해.

Fovoya의 이 공간은 준비 중입니다. 곧 더 많은 내용을 전하겠습니다.

웹사이트 리디자인 체크리스트: 유지하고 바꾸고 테스트할 것

출시 전 콘텐츠 검토, 페이지 변경 계획, 고객 여정 테스트에 활용하는 실용적인 웹사이트 리디자인 체크리스트입니다.

타이포그래피, 간격, 이미지 배치를 비교하는 리디자인 전후 웹사이트 레이아웃 예시.

Fovoya는 웹사이트가 비즈니스를 위해 어떤 역할을 해야 하는지 묻는 것에서 리디자인을 시작합니다. 새로운 색상이나 다른 홈페이지 레이아웃도 도움이 될 수 있지만, 어떤 페이지를 유지하고 무엇을 다시 쓰며 고객이 어떻게 연락해야 하는지에 대한 명확한 결정도 필요합니다.

이 웹사이트 리디자인 체크리스트는 재구축을 의뢰하기 전에 활용할 수 있는 실용적인 출발점입니다. 항목마다 발견한 내용, 내린 결정, 출시 전 확인할 담당자를 기록하세요.

1. 리디자인으로 해결할 문제 정의하기

프로젝트의 이유를 고객도 이해할 수 있는 말로 적으세요. 예를 들어 방문자가 자신에게 맞는 서비스를 구분하지 못하거나, 제품 세부 정보를 비교하기 어렵거나, 휴대전화에서 문의 양식을 작성하기 불편할 수 있습니다.

중요한 페이지마다 고객의 주요 행동 하나를 정하세요. 서비스 페이지는 프로젝트 문의로 이어질 수 있습니다. 제품 페이지는 옵션을 선택하고 장바구니에 담도록 도울 수 있습니다. 그러면 디자인 결정이 도움이 되는지 판단하기 쉬워집니다.

  • 현재 웹사이트를 만든 이후 비즈니스에서 무엇이 달라졌나요?
  • 잠재 고객이 반복해서 묻는 질문은 무엇인가요?
  • 방문자가 도움 없이 완료할 수 있어야 하는 행동은 무엇인가요?

2. 기존 페이지 목록 만들기

페이지 URL을 간단한 목록으로 만드세요. 각 URL 옆에 목적, 정보의 최신 여부, 다음 웹사이트에서 유용한 역할이 있는지를 기록하세요. 유지, 개선, 통합, 폐지 중 하나를 정하세요.

유용한 목록 항목은 구체적입니다. 예를 들어 ‘서비스 개요 — URL 유지, 오래된 소개 교체, 상세 서비스로 연결, 문의 링크 테스트’처럼 적습니다. 담당자와 출시 시 확인 사항도 함께 추가하세요.

Search Console이나 분석 데이터가 있다면 사람들이 방문하는 페이지와 해당 페이지로 이어지는 검색어를 찾는 데 활용하세요. 시각적으로 오래돼 보이는 페이지도 고객의 유용한 질문에 답하고 있을 수 있습니다. 그 근거와 페이지 외관에 대한 취향은 구분하세요.

다운로드 안내서, 이전 캠페인 페이지, 정책, 양식 제출 확인 페이지처럼 덜 눈에 띄는 페이지도 포함하세요. 주요 메뉴에만 집중하면 이런 페이지를 놓칠 수 있습니다.

3. 레이아웃을 구성하기 전에 메시지 검토하기

방문자는 무엇을 제공하고 누구를 위한 것이며 다음에 무엇이 일어나는지 이해할 수 있어야 합니다. 이 질문을 기준으로 주요 서비스 페이지를 검토하세요. 모호한 주장을 실제 서비스 범위, 고객에게 필요한 정보, 프로젝트 진행 방식으로 바꾸세요.

예를 들어 웹 디자인 서비스 페이지에서는 개발, 콘텐츠 입력, 인수인계 포함 여부를 설명할 수 있습니다. 유지 관리 페이지는 지원 범위에서 무엇을 합의하는지 설명해야 합니다. 제공 가능 여부를 정하지 않은 처리 기간 약속이나 패키지 가격은 게시하지 마세요.

4. 새 구조와 URL 변경 계획하기

고객이 내려야 하는 결정을 중심으로 페이지를 묶으세요. 서로 다른 서비스에는 각각 유용한 설명을 제공하고, 다음 단계에 도움이 되는 곳에서 관련 정보를 연결하세요. 거의 같은 문구를 가진 여러 페이지가 그 결정을 더 명확하게 해주는 경우는 드뭅니다.

기존 URL이 페이지를 여전히 정확하게 설명한다면 유지하세요. 새 주소가 필요하면 이전 URL과 가장 적절한 대체 주소를 리디렉션 목록에 기록하세요. 리디렉션은 호스팅 플랫폼에서 적용하고 확인해야 합니다. 새 페이지 링크를 추가하는 것으로 그 작업을 대신할 수는 없습니다.

폐지한 모든 URL을 기본적으로 홈페이지로 보내지 마세요. 실제로 적합한 대체 페이지가 있는지 정하고, 이전 담당자와 그 결정을 검토하세요. Google은 기술적인 절차를 설명하는 URL 변경을 수반하는 사이트 이전 안내 를 제공합니다.

5. 실제 콘텐츠로 시각 방향 합의하기

대표적인 제목, 제품 정보, 이미지로 레이아웃을 검토하세요. 짧은 임시 제목에 맞춘 디자인은 실제 서비스 이름이 길어지면 다르게 동작할 수 있습니다.

서로 다른 요구를 대표하는 몇 개의 페이지를 선택하세요. 홈페이지, 서비스 또는 제품 페이지, 긴 읽기 콘텐츠가 있는 페이지 등이 해당합니다. 같은 시각적 선택이 각 페이지에서 어떻게 적용되는지 확인하세요. 타이포그래피, 간격, 색상, 인터랙션 상태는 서로 연결되면서도 각 페이지가 제 역할을 할 여지를 남겨야 합니다.

데스크톱 디자인이 끝날 때까지 기다리지 말고 이 검토 과정에서 모바일 레이아웃도 사용하세요.

6. 전체 고객 여정 테스트하기

일반적인 방문자의 시작 지점부터 원하는 행동을 완료하는 순간까지 테스트하세요. 메뉴에서 서비스를 열고, 범위를 읽고, 관련 링크를 따라간 다음, 테스트임을 명확하게 표시한 문의를 보내세요.

  • 키보드로 탐색, 컨트롤, 양식을 사용할 수 있나요?
  • 레이블과 오류 메시지를 이해할 수 있나요?
  • 정상적으로 제출한 내용이 의도한 수신자나 시스템에 도착하나요?
  • 휴대전화 레이아웃에서 중요한 문구와 컨트롤이 보이나요?
  • 모바일 연결로 큰 이미지나 임베드가 로드되는 동안에도 페이지를 읽고 사용할 수 있나요?
  • 최종 도메인에서 이미지, 다운로드, 인터랙티브 기능이 작동하나요?

스토어는 플랫폼의 테스트 모드를 사용해 제품 옵션, 배송 정보, 결제를 검토하세요. 실제 결제나 고객 데이터를 사용하기 전에 테스트 절차를 합의하세요.

7. 최종 도메인에서 검색 설정 확인하기

출시 전에 유용한 공개 페이지에 설명적인 제목, 정확한 설명, 정상 작동하는 내부 링크가 있는지 확인하세요. 사이트맵에 검색엔진이 발견하길 원하는 페이지가 포함되는지 확인하세요.

공개 사이트와 스테이징, 미리보기, 데모 페이지의 색인 설정을 따로 검토하세요. 표준 URL이 의도한 공개 주소를 가리키고 리디렉션이 정상 작동하는지 확인하세요. 로컬 미리보기가 정상이어도 실제 운영 설정을 확인할 수는 없으므로 최종 도메인에서 이 점검을 반복해야 합니다.

Google의 SEO 시작 가이드 에서는 이러한 기반을 설명합니다. 발견과 이해를 돕지만 특정 검색 순위를 보장하지는 않습니다.

8. 출시 후 운영 방식 정하기

업데이트, 백업, 콘텐츠 변경, 양식 점검의 담당자를 지정하세요. 인수인계 정보 보관 위치와 페이지나 기능이 멈췄을 때의 대응 방법을 기록하세요.

새 사이트에 실제 사용 데이터가 쌓이면 방문자가 계속 묻는 질문, 검색으로 찾는 페이지, 접수되는 문의를 검토하세요. 이런 관찰을 바탕으로 다음 개선 사항을 정하세요.

리디자인을 위한 유용한 프로젝트 설명

리디자인 이유, 대상 고객, 페이지 목록, 중요한 고객 여정, 출시 관련 제약이라는 다섯 가지로 시작할 수 있습니다. 대화를 시작하기 전에 모든 레이아웃을 정할 필요는 없습니다.

Fovoya의 웹사이트 리디자인 서비스 는 구조, 시각 디자인, 기존 콘텐츠 이전 계획을 다룹니다. 검색 개선도 필요하다면 다음을 살펴보세요. SEO 및 AI 검색 서비스, 또는 개선하고 싶은 웹사이트를 알려주세요.