궁극적 인 웹 사이트 재 설계 체크리스트 [무료 다운로드]

게시 됨: 2020-12-16

고객은 웹 사이트의 디자인을 기반으로 귀하의 비즈니스에 대한 의견을 제시합니다. 실제로 첫인상의 94 %는 웹 사이트의 모양과 관련이 있으며 웹 사이트 신뢰도의 75 %는 디자인에서 비롯됩니다.

귀하의 웹 사이트는 색상, 요소, 정보 구조, 이미지 등 디자인을 통해 귀하의 비즈니스, 브랜드 및 가치를 나타냅니다. 매력적이지 않은 웹 사이트에서 시간을 보내시겠습니까? 아니면 모바일 장치에 최적화되지 않은 웹 사이트입니까?

웹 사이트에 재 설계가 필요한지, 어떤 단계를 따라야하는지 궁금하다면 올바른 위치에 있습니다.

웹 사이트를 재 설계하는 동안 거쳐야하는 일반적인 단계를 간략히 설명했습니다. 이렇게하면 올바른 방향으로 가고 있는지 모니터링 할 수 있습니다.

웹 사이트를 재 설계 할 때가 언제입니까?

재 설계는 다양한 접근 방식으로 다룰 수있는 복잡한 프로세스라는 점에 유의해야합니다. 그중 하나는 전환율 최적화 (CRO)에 초점을 맞춘 랜딩 페이지의 점진적인 업데이트이고 다른 하나는 완전한 점검입니다. 예산과 목표에 따라 가장 적합한 것을 선택해야합니다.

웹 사이트 재 설계를 고려하고 있다면 첫 번째 질문은 귀하의 웹 사이트에 재 설계가 필요한지 어떻게 압니까? 귀하의 웹 사이트가 아래 기준을 대부분 충족한다면 웹 사이트를 재 설계 할 때가되었음을 의미합니다.

목표와 비즈니스 전략이 변경되었습니다

웹 사이트를 시작한 지 몇 년이 지났습니다. 귀하의 비즈니스는 아마도 변경되고 성장했으며 이는 귀하의 마케팅 목표도 마찬가지임을 의미합니다. 웹 사이트는 새로운 전략을 반영해야합니다.

웹 사이트가 오래된 것 같습니다.

디자인 트렌드는 매년 진화합니다. 초기에 개발자들은 디자인에 너무 신경 쓰지 않았습니다. 이제 디자인은 비즈니스를 대표하기 때문에 매우 중요합니다.

웹 사이트 디자인이 노인이라면 비즈니스가 최신 트렌드를 따르지 않는다고 생각할 수 있습니다. 그들은 심지어 당신이나 당신의 제품을 믿을 수 있는지 의문을 가질 수도 있습니다.

귀하의 웹 사이트는 수익을 창출하지 않습니다

귀하의 웹 사이트가 이전과 같이 판매를 가져 오지 않는 경우 반드시 재 설계가 필요합니다. 이것은 특히 온라인 상점에서 중요합니다. 웹 사이트의 제품과 서비스는 뛰어난 사용자 경험과 함께 제공되어야합니다.

웹 사이트가 느리게로드됩니다.

83 %의 사람들은 웹 사이트가 3 초 이내에로드되기를 기대합니다. 웹 사이트 속도가 낮을수록 이탈률이 높아지고 이는 전환율에 반영됩니다. 느린 페이지는 97 %의 모바일 쇼핑 카트 이탈을 초래할 수 있습니다.

또한 몇 년 전 Google은 알고리즘이 페이지 순위를 매기는 데 사용하는 요소 중 하나로 웹 사이트 속도를 포함했습니다.

디자인 자체는 속도에 영향을주지 않습니다. 그러나 대행사 나 프리랜서가 처음부터 사이트를 개발할 때 웹 사이트의 속도를 향상시킬 수있는 경우가 많습니다.

  • 관련 기사 : Google PageSpeed ​​Insights를 사용하여 웹 페이지 성능을 분석하는 방법

방문자는 더 이상 웹 사이트에 머물지 않습니다.

방문자는 귀하의 웹 사이트를 방문하지만 웹 사이트에 많은 시간을 소비하거나 조치를 취하지 않습니다. 그 이유는 다를 수 있지만 웹 사이트 디자인을 고려해야합니다. 웹 사이트가 매력적이지 않다면 방문자는 웹 사이트에 머무르고 상호 작용할 이유가 없습니다.

웹 사이트가 모바일 친화적이지 않음

웹 사이트가 최근에 재 설계되지 않았다면 모바일에서 문제가 발생하는 것은 매우 정상입니다. 2020 년에 이것은 상상할 수없는 일입니다. 미국에서는 Google 방문의 63 %가 휴대 기기에서 발생합니다.

모바일 우선을 생각하는 것은 더 이상 선택이 아닙니다. 그것은 필수입니다. 전자 상거래 판매 측면에서 데이터에 따르면 사용자의 40 %가 모바일 사이트에서 나쁜 경험을 한 후 경쟁 업체로 이동합니다.

12 단계 웹 사이트 재 설계 체크리스트

웹 사이트 노트북 그래픽을 다시 디자인해야하는 경우

웹 사이트를 다시 디자인해야하는 경우 다음에 수행 할 작업이 궁금 할 수 있습니다. 다행히 웹 사이트 재 설계의 전체 프로세스를 안내 할 아래 체크리스트를 준비했습니다.

1. 현재 웹 사이트 감사

실제 웹 사이트 재 설계를 시작하기 전에 현재 웹 사이트를 분석해야합니다. 이렇게하면 수행해야 할 작업을 효과적으로 계획 할 수 있습니다. 다음 질문에 대해 생각해보십시오.

  • 어떤 페이지가 실적이 좋습니까?
  • 어떤 페이지의 실적이 좋지 않습니까?
  • 완전히 제거 할 수있는 페이지는 무엇입니까?
  • 어떤 콘텐츠를 유지해야합니까? 업데이트해야 할 콘텐츠가 있습니까?
  • 어떤 페이지를 최적화해야합니까? 끊어진 링크, 작동하지 않는 클릭 유도 문안 버튼 또는 오래된 정보를 확인하세요.

Google 애널리틱스 주요 지표를 확인하세요. 다음 데이터에 중점을 둡니다.

  • 교통
  • 이탈률
  • 전환율
  • 온라인 상점을 소유 한 경우 장바구니 포기
  • 재 방문자
  • 신규 방문자
  • 관련 기사 : 방문자가 WordPress 웹 사이트에서 보내는 시간을 늘리는 방법

2. SEO를 배제하지 마십시오

웹 사이트 재 설계 프로세스는 SEO를 위해 콘텐츠를 최적화하고 순위를 매길 수있는 더 나은 키워드를 검색 할 수있는 좋은 기회입니다. SEO 최적화는 정기적으로 수행해야하는 작업이지만이를 무시한 경우 이제 개선 할 수 있습니다.

SEO의 기술적 측면에서 다음을 수행 할 수 있습니다.

  • 메타 설명, 제목 태그 및 H 요소 최적화
  • 이미지에 대체 텍스트 추가
  • 중복 콘텐츠 지우기
  • 비즈니스에 실제 위치가있는 경우 지역 SEO 키워드 사용
  • 링크 구축을 개선하고 끊어진 링크 수정
  • 추세가 계속 증가하고 있으므로 음성 검색을 고려하십시오.
  • 관련 기사 : SEO를위한 완벽한 WordPress 구조를 만드는 방법

3. 목표 설정

새로운 온라인 비즈니스 전략에는 새로운 목표가 필요합니다. 웹 사이트 감사 후에는 달성하려는 목표에 대한 데이터 기반 결정을 내리고 새로운 목표를 결정할 수 있습니다.

  • 관련 기사 : 웹 사이트 재 설계가 잠재 고객 참여를 높이는 방법

4. 가치 제안 전달

귀하의 비즈니스는 시작한 이후로 성장했습니다. 현재 다양한 제품이나 서비스를 제공 할 것입니다. 이는 귀하의 고유 한 가치 제안이 변경되었음을 의미하며이를 명확하게 전달해야합니다.

5. 타겟 고객을위한 웹 사이트 재 설계

웹 사이트를 재 설계 할 때는 하나의 간단한 원칙을 따라야합니다. 귀하가 아닌 고객을 위해 재 설계해야합니다. 사람들이 귀하의 웹 사이트를 열 때 웹 사이트에 무엇이 포함되어 있는지, 그리고 귀하가 웹 사이트의 문제점을 해결하는 방법을 명확하게 이해해야합니다.

  • 관련 기사 : 인포 그래픽 : 사용자 중심 WordPress 개념을 개발하는 방법

6. 경쟁사 분석

경쟁자를 조사하고 재 설계에 투자했는지 확인하십시오. 다음 사항을 고려하십시오.

  • 그들이 따르는 디자인 트렌드는 무엇입니까?
  • 어떤 기술이 도입 되었습니까?
  • 웹 사이트에 어떤 새로운 기능을 적용 했습니까?
  • 무엇을 더 잘할 수 있다고 생각하십니까? 이것은 당신이해야 할 가장 중요한 질문입니다.

7. 디자인 옵션 나열 및 아이디어 브레인 스토밍

디자인 옵션 브레인 스토밍 아이디어 노트북 그래픽

재 설계 프로세스의 다음 단계는 최신 디자인 트렌드를 확인하는 것입니다. 가장 유행하는 색상, 글꼴 및 웹 사이트 스타일을 검토 할 수 있습니다. 탐색 메뉴를 최적화 할 수 있도록 키워드를 조사하십시오.

타겟 고객에게 깊은 인상을 줄 수있는 것이 무엇인지 조사하십시오. 모든 아이디어를 수집하고 팀과 논의하십시오.

  • 관련 기사 : 2020 년에 따라야 할 8 가지 전자 상거래 웹 디자인 트렌드

8. 재 설계 아이디어를 실현할 적절한 팀 찾기

고용 한 전문가를 신뢰해야하기 때문에 이것은 정말 중요한 점입니다. 그들이 문제의 핵심에 도달 할 수 있도록 명확하고 간결한 방식으로 비즈니스를 설명해야합니다.

적합한 전문가를 찾으려면 다양한 디자인 및 개발자 직업에 대한 명확한 아이디어가 있어야합니다. 웹 사이트에서 수백만 개의 조회수를 생성하고 프로젝트가 매우 복잡한 경우 WordPress 대행사를 고용해야 할 수 있습니다.

웹 사이트에 약간의 변경이 필요한 경우 웹 디자이너와 개발자 또는 WordPress 프리랜서가 필요할 수 있습니다.

프로젝트에 적합한 선택이 무엇인지 더 잘 이해하기 위해 웹 디자이너와 웹 개발자의 차이점을 찾는 데 도움이되는이 기사를 확인할 수 있습니다.

9. 스테이징 환경 사용

웹 사이트를 변경하기 전에 기존 웹 사이트를 손상시키지 않는지 확인해야합니다. 그렇기 때문에 스테이징 환경을 만든 다음 기존 웹 사이트를 여기에 복사하고 재 설계 작업을 시작해야합니다. 준비가되면 작업 환경에서 공용 환경으로 코드와 데이터베이스를 마이그레이션 할 수 있습니다.

추가 팁은 임시 URL을 제외하여 중복 콘텐츠로 간주 될 수 있으므로 Google의 크롤링 봇이 색인을 생성 할 수 있도록하는 것입니다.

10. 사용자 경험 (UX)을위한 웹 사이트 최적화

좋아하는 디자인을 선택하는 함정에 빠지지 마십시오.하지만 고객은 그렇지 않습니다.

사용자 경험과 관련하여 다음 세부 사항을 고려해야합니다.

  • CTA 버튼 은 웹 사이트에서 가장 중요한 부분입니다. 명확해야하며 사용자가 각 작업을 클릭하고 따르기를 원하게해야합니다.
  • 탐색 은 간단해야합니다. 사용자가 즉시 표시되어야하는 정보를 검색하는 데 시간을 낭비하지 마십시오.
  • 방문 페이지를 만들거나 기존 페이지를 최적화하십시오.

온라인 상점을 소유하고있는 경우 판매하는 전자 상거래 랜딩 페이지를 만드는 방법에 대한이 튜토리얼은 마케팅 캠페인을 계획하고 랜딩 페이지를 디자인 할 때 유용 할 수 있습니다.

11. 모바일 친화적 인 디자인은 필수입니다

웹 사이트는 모든 기기에서 원활하게 실행되어야합니다. 모바일 친화적 인 디자인은 긍정적 인 고객 경험을 제공합니다.

모바일 우선 전략은 몇 년 전에 색인 생성을위한 모바일 우선 요소를 도입 한 Google에서 웹 사이트 순위를 높이는 데 도움이됩니다.

  • 관련 기사 : 모바일 WordPress SEO 감사 수행을위한 4 단계

12. 재 설계된 웹 사이트 테스트

마지막 단계는 품질 보증 테스트입니다. 모든 것을 절대적으로 테스트하고 새로 디자인 된 웹 사이트가 완벽하게 작동하는지 확인해야합니다.

웹 사이트가 활성화되면 사용자의 행동을 분석 할 수 있습니다. 가장 중요한 구성 요소는 클릭 유도 문안 버튼입니다. 게스트가 클릭하는지 또는 추가 최적화가 필요한지 모니터링해야합니다.

웹 사이트가 완벽하게 작동 할 수 있도록 당신이 의존하는 기술 팀이 버그를 수정할 수 있는지 확인하십시오.

  • 관련 기사 : WordPress 사이트에 대한 품질 보증 계획을 개발하는 방법

영감을주는 웹 사이트 재 설계의 5 가지 예

웹 사이트를 잘 디자인 한 유명 브랜드 5 가지 사례를 살펴 보겠습니다.

Mailchimp

이전 – 랜딩 페이지에 단 하나의 클릭 유도 문안 버튼이 있으며, 그다지 세련되지 않고 헤드 라인의 가치 제안이 명확하지 않습니다.

Mailchimp 2017

Mailchimp 2017

이후 – 밝은 색상, 몇 가지 클릭 유도 문안 버튼, 창의적인 그래픽 및 명확한 가치 제안.

메일 침프 2020

메일 침프 2020

드롭 박스

이전 에는 매우 매력적인 방문 페이지가 아닙니다. 방문자의 관심을 끌지 않습니다.

Dropbox 2017

Dropbox 2017

이후 – 생생한 색상과 고객이 자신에게 무엇이 있는지 이해할 수있는 명확한 가치 제안.

Dropbox 2020

Dropbox 2020

Evernote

이전 – 제대로 구성되지 않은 색상과 추상적 인 방문 페이지가 없습니다.

Evernote 2017

Evernote 2017

이후 – 낙관적 인 색상과 최적화 된 텍스트.

Evernote 2020

Evernote 2020

Crazy Egg 블로그

이전 에는 매우 트렌디 한 디자인이 아니라 정보가 너무 많습니다.

Crazy Egg 블로그 2017

Crazy Egg 블로그 2017

이후 – 최신 블로깅 디자인 트렌드에 따라 최적화되었습니다. 놓칠 수없는 매우 명확한 클릭 유도 문안 버튼이 있습니다.

Crazy Egg 블로그 2020

Crazy Egg 블로그 2020

느슨하게

이전 – 모호한 가치 제안 및 사용 된 매우 밝은 색상.

슬랙 2017

슬랙 2017

이후 – 명확한 가치 제안 및 최적화 된 클릭 유도 문안, 밝은 색상.

슬랙 2020

슬랙 2020

전체 웹 사이트 재 설계 체크리스트 다운로드

이 기사에서는 웹 사이트 재 설계의 기본 12 단계를 다뤘습니다.

또한 무료 로 다운로드 할 수 있도록 전체 웹 사이트 재 설계 체크리스트 를 준비 했습니다 . 링크가 포함 된 이메일을 받으려면 여기에서 가입하기 만하면됩니다.

* 필수 표시


체크리스트 수신 표시

이메일 바닥 글에있는 링크를 클릭하여 언제든지 구독을 취소 할 수 있습니다.

우리는 Mailchimp를 마케팅 플랫폼으로 사용합니다. 구독을 위해 아래를 클릭하면 귀하의 정보가 처리를 위해 Mailchimp로 전송된다는 것을 인정하는 것입니다. 여기에서 Mailchimp의 개인 정보 보호 관행에 대해 자세히 알아보십시오.


마무리

웹 사이트 재 설계는 쉬운 과정은 아니지만 필수입니다. 웹 사이트의 디자인은 영원히 남아있을 수 없습니다. 트렌드, 기술 및 사용자 행동이 변화하므로 이러한 변화에 적응하고 한 발 앞서 나가야합니다.

어떻게 진행해야합니까? 웹 사이트를 분석하는 것으로 시작하여 경쟁사를 살펴보고 구현할 수 있지만 더 나은 것을 확인하십시오. 고객의 입장이되어 고객을위한 웹 사이트를 재 설계하십시오.