2022년 종합 웹사이트 재설계 체크리스트

귀하의 사이트는 몇 년 전에 원했던 것처럼 빛나고 있습니까? 그러나 이제 더 이상 완전한 목적을 달성하지 못할 수 있습니까? 그렇다면 업그레이드할 때입니다. 모든 웹사이트 소유자는 정기적으로 웹사이트 디자인을 검토하고 웹사이트를 개선하고 다시 디자인할 기회를 찾아야 합니다.

이 기사에서는 웹사이트 재설계에 대한 상세하고 포괄적인 가이드를 제공합니다.

웹사이트 재설계란 무엇입니까?

웹사이트 재설계는 방문자에게 더 나은 서비스를 제공하기 위해 현재 사이트의 코드, 콘텐츠, 구조 및 시각적 요소를 크게 변경하는 것과 관련된 세부 프로세스입니다. 웹사이트를 재설계할 때 비즈니스 소유자는 더 나은 UI 디자인, 향상된 온라인 인지도, 더 나은 사용자 경험 및 더 높은 전환율이라는 목표를 달성하는 경향이 있습니다.

언제 웹사이트를 재설계해야 합니까?

웹사이트를 재설계해야 할 때인지 아닌지 어떻게 알 수 있습니까? 재설계에 귀중한 회사 자원을 투자하기 전에 올바른 이유로 사이트를 재설계하고 있는지 확인해야 합니다. 웹사이트 재설계 여부를 결정할 때 고려해야 할 몇 가지 요소는 다음과 같습니다.

• 귀하의 비즈니스가 변경된 경우. 귀하의 웹사이트는 귀하의 비즈니스를 대변하는 연설자 역할을 하며 새로운 고객과 고객을 유치하는 데 중요한 요소입니다. 시간이 지남에 따라 귀하의 비즈니스는 새로운 전략(새로운 고유 가치 제안 개발, 신제품 출시, 새로운 인구 통계학적 대상 결정 등)에 착수하지만 귀하의 웹사이트는 새로운 전략에 맞게 업데이트되지 않았습니다. 접근 방식과 동시에 트래픽이 감소하거나 이탈률이 높거나 전환이 감소하는 경우 웹사이트를 다시 디자인해야 할 때일 수 있습니다.
• 낡고 구식의 디자인일 때. 웹 디자인의 모범 사례는 빠르게 변화하고 있습니다. 5년 전 방문자에게 직관적이었던 사이트가 지금은 그렇지 않습니다. 귀하의 사이트가 수년간 업그레이드되지 않은 경우 검색 엔진 최적화, 사용자 경험 및 새로운 기술의 현재 동향을 기반으로 방문자 또는 클라이언트를 놓칠 가능성이 높습니다.
• 사이트가 모바일에 최적화되어 있지 않은 경우. 모바일 기기로 웹을 검색하는 사람들이 너무 많고 작은 화면에서 사이트를 사용하기 어려운 경우 방문자가 클릭하고 검색 엔진이 순위에서 당신을 처벌합니다. 따라서 웹사이트가 모바일 친화적이지 않은 경우 웹사이트 재설계 프로젝트가 필수적입니다.
• 웹사이트가 안전하지 않을 때. 사이버 보안은 현대의 가장 큰 관심사 중 하나입니다. 사이트가 수년 전에 설정되었고 그 이후로 업데이트되지 않은 경우 웹사이트 해킹 및 바이러스에 더 취약하므로 보안을 강화하기 위해 업그레이드해야 합니다.

대체로 위의 요소를 고려하여 웹 사이트를 다시 디자인해야 하는지 여부를 판단하는 데 도움이 됩니다.

종합적인 웹사이트 재설계 체크리스트

귀하의 비즈니스가 위의 요소를 고려한 후 웹사이트를 재설계해야 하는 경우 좋은 점인 웹 재설계 체크리스트를 살펴보겠습니다.

현재 웹사이트에 대한 심층 감사

이러한 웹사이트 재설계 단계를 수행하기 전에 현재 웹사이트에서 무엇이 문제인지 명확히 해야 합니다. 웹 사이트가 어떻게 작동하는지 확인하려면 핵심 성과 지표를 확인해야 합니다. 이 작업을 수행할 때 홈페이지 및 기본 페이지의 이탈률, 매월 사이트에 대한 총 트래픽, 가장 많이 방문한 페이지 및 전환율과 같은 측정항목을 고려해야 합니다.

임시 URL 만들기

임시 URL을 생성하면 비즈니스 손실과 신중하게 구축한 SEO 손상을 방지할 수 있습니다. 이를 수행하는 가장 쉬운 방법 중 하나는 기존 웹사이트를 복사하여 임시 URL에 설정하는 것입니다. 그런 다음 임시 URL에서 사이트를 변경하고 업데이트합니다. 재설계 작업이 끝나면 도메인 이름을 전환하고 새 사이트가 이전 사이트를 대체하도록 할 수 있습니다.

페르소나 구축

페르소나를 구축한다는 것은 방문자에게 주의를 기울이고 그들의 요구에 맞게 사이트를 디자인해야 함을 의미합니다. 그것은 당신이 가장 연락하고 싶은 사람의 유형에 대한 기본적인 스케치를 얻는 데 도움이 될 수 있습니다. 페르소나를 사용하면 사이트를 만드는 사람들을 매핑할 수 있으므로 더 쉽게 그들의 머리 속으로 들어가 디자인 접근 방식이 그들의 경험을 중심으로 하도록 할 수 있습니다.

경쟁자를 보고 영감을 찾으세요

혁신적인 마케팅 기법, Google 알고리즘 업데이트, 최신 SEO 모범 사례 및 재설계 영감을 위한 새로운 키워드의 최신 목록을 확인해야 합니다. 또한 경쟁자의 웹사이트에 대한 추가 조사를 수행하는 데 더 많은 에너지를 투자하십시오. 그들의 뛰어난 기능은 무엇이며 웹사이트에서 어떤 문제가 있습니까? 경쟁자에 대한 모든 사항을 나열하고 경쟁자보다 더 나은 디자인 작업을 수행하고 그들이 저지른 실수를 피하십시오.

웹사이트 콘텐츠 제작

이미 가지고 있는 페이지가 많기 때문에 웹사이트를 재설계하는 동안 처음부터 다시 시작할 필요는 없지만 더 나은 페이지를 만들 방법을 찾아야 합니다. 콘텐츠 매핑을 수행하는 동안 현재 검색에 최적화되어 있고 명확한 CTA가 없는 페이지를 찾으려고 노력해야 합니다. 또한 다양한 형식으로 용도를 변경할 수 있고 방문자가 원하는 작업을 더 잘 수행하도록 업데이트할 수 있는 콘텐츠를 구축해야 합니다. 가장 중요한 부분은 끊어진 링크 또는 높은 이탈률에 기여하는 기타 문제를 파악하는 것입니다.

웹사이트 재설계

웹사이트의 콘텐츠 계획을 완료한 후 디자인 단계를 시작할 때입니다. 이 단계에서 제품이나 웹사이트 디자이너는 먼저 Mockplus, Axure, Zeplin 등과 같은 프로토타이핑 도구를 사용하여 새 웹사이트에 대한 와이어프레임이나 프로토타입을 만들어야 합니다. 그런 다음 UX/UI 재설계 프로세스를 시작해야 합니다. 여기에는 미적 변화, 오래된 콘텐츠 업데이트, 키워드 새로고침, 링크 확인 및 교체, 오래된 이미지 교체 등이 포함될 수 있습니다.

웹사이트 개발 및 코딩

이 단계에서 사이트를 개발하고 깔끔하게 코딩할 수 있도록 충분한 시간을 할애해야 합니다. 생성된 평면 디자인 목업은 HTML, CSS 및 기타 언어로 전송되어 웹사이트가 제대로 작동합니다. 또한 모든 사용자에게 일관된 경험을 제공하기 위해 브라우저 간 기능을 확인해야 합니다. 이렇게 하면 사용자가 사용하는 브라우저에 관계없이 사이트가 예상대로 정확히 표시될 것이며 완전히 최적화된 동일한 경험을 갖게 될 것입니다.

모바일 장치에 맞게 웹사이트 최적화

사람들이 100% 스마트폰에서 귀하의 웹사이트를 찾을 것이기 때문에 모바일 장치에 대한 웹사이트 최적화를 놓칠 수 없습니다. 따라서 웹사이트 디자인을 모바일 친화적으로 만드는 것은 요즘 필수 사항입니다. 적절한 모바일 웹 페이지는 데스크탑 웹 페이지와 동일한 디자인을 갖지 않는다는 점을 명심하십시오. 휴대용 장치에서 쉽게 읽을 수 있도록 최소화하고 형식을 지정해야 합니다.

웹사이트 테스트

위의 단계를 완료한 후 지금 재설계된 사이트를 테스트해야 합니다. 또한 출시 후 몇 개월 동안 개선하려면 약간의 변경을 해야 합니다. 이를 수행하는 한 가지 방법은 A/B 사용자 테스트입니다. 이 테스트 형식은 사이트의 두 가지 버전을 사용하여 트래픽과 참여를 유도하는 요소를 확인합니다. 문제가 테스트된 경우 개발자 또는 기술 담당자가 출시 전에 해당 버그와 문제를 신속하게 수정할 수 있도록 준비해야 합니다.

새 웹사이트 시작

거의 다 왔습니다! 몇 달 간의 감사, 계획, 디자인 및 개발 끝에 마침내 새 사이트를 시작할 준비가 되었습니다. 당신은 그것에 대해 많은 돈을 지불했고 이제 소셜 미디어와 뉴스레터에서 그것을 뽐낼 때입니다. 웹에 게시하되 어떻게 작동하는지 보려면 사이트 분석에 세심한 주의를 기울이십시오. 명시된 목표에 대한 특정 메트릭을 추적하고 효과가 있는 항목을 확인한 다음 해당 데이터를 기반으로 설계를 계속 미세 조정합니다.

얼마나 자주 웹사이트를 재설계해야 합니까?

이 부분에서 나는 모든 것에 적용되는 접근 방식이 없다는 것을 분명히 해야 합니다. 그러나 일반적으로 비즈니스 소유자는 2~3년마다 웹사이트를 다시 디자인해야 합니다. 그러나 그것은 귀하의 비즈니스와 업계의 추세에 따라 다릅니다. 기술이 끊임없이 변화함에 따라 새로운 웹 디자인 기술이 매달 구현되는 것 같으며 사이트를 최신 상태로 유지하려면 더 빨리 다시 디자인해야 할 수도 있습니다.

또한 1년 정도 후에 사이트를 다시 디자인하지 않으려면 현대적인 디자인 트렌드와 기술을 사용하는 숙련된 웹 팀과 협력하도록 선택할 수 있습니다. 경험 많은 웹 디자이너 또는 디자인 팀이 최소한 앞으로 몇 년 동안은 신선하고 혁신적으로 보일 수 있는 현대적인 디자인을 만들어 많은 시간과 노력을 절약할 수 있습니다.

몇 가지 우수한 웹사이트 재설계 사례

사용자 테스트

User Testing의 핵심 제품인 " Human Insight Platform "은 웹사이트 행동 및 사용자 경험에 대한 주문형 통찰력을 제공한다고 주장되는 사용성 테스트 도구입니다.

웹 재설계 전에 홈페이지는 주요 사용자 테스트 서비스에 대한 가입을 홍보하는 3개의 슬라이드 슬라이드와 추가 서비스를 가리키는 CTA가 지배했습니다. 캐러셀에 내재된 위험 외에도 두 번째 및 세 번째 슬라이드는 명확하지 않고 의도한 리드를 생성할 가능성이 적습니다.

웹 개편 후 홈페이지는 밝은 파란색으로 신선한 공기의 숨결입니다. 단어 수가 25% 감소하여 훨씬 깔끔해졌습니다. 개선된 상단 탐색 후 캐러셀은 대담한 가치 제안과 더 많은 리드를 생성하는 데 도움이 될 수 있는 눈에 띄는 CTA가 포함된 영리하고 전문적이며 영감을 주는 일러스트레이션과 교환되었습니다.

목플러스

Mockplus는 전체 디자인 팀을 위한 훌륭한 웹 기반 플랫폼으로, 제품 관리자, UI/UX 디자이너 및 개발자를 포함한 모든 팀원이 이 플랫폼에서 작업하고 협업할 수 있습니다. 이전에는 볼 수 없었던 원활한 워크플로를 제공할 수 있습니다.

웹 재설계 전에는 배경색 때문에 모양이 약간 구식이었습니다. 웹 레이아웃에 대해 말하면 상단 메뉴 탐색과 매우 명확한 가치 제안, 더 자세한 기능 설명 및 2개의 명확한 CTA가 있어 반응형 페이지를 만들지만 이것이 개선될 수 없다는 의미는 아닙니다. .

웹 재설계 후에 는 완전히 다른 것처럼 보이지만 어딘가 친숙한 상태를 유지합니다. 사업이 변하면서 디자이너도 큰 글꼴 헤드라인 단어를 변경했습니다. 그 아래 여러 단어로 Mockplus에 대한 빠른 안내를 받아보실 수 있습니다. 최종 CTA는 시작할 수 있도록 밝은 빨간색으로 되어 있어 바로 제품을 구매하는 것보다 덜 무섭습니다.

글로벌 그랩

Global GRAB Technologies, Inc.는 테네시 주 프랭클린에 본사를 두고 있는 경계 보안 제품 및 서비스의 선두 제공업체입니다.

웹 재설계 이전 의 홈페이지는 텍스트가 많고 구식이며 의도가 결여되어 있습니다. 이 페이지의 작은 이미지는 회사의 고유한 제품 및 서비스에 대해 많은 정보를 제공하지 않습니다. 요컨대, 이전 사이트 페이지는 경계 보안에 대한 세계적인 권위를 정확하게 나타내지 않습니다.

웹 재설계 후 브랜드 색상이 웹사이트 전체에 엮입니다. 그리고 페이지는 가치 제안을 전면 중앙에 가져옵니다. Global GRAB이 누구이며 그 서비스가 무엇인지 명확하게 알려줍니다. 또한 홈페이지의 움직이는 동영상, 굵은 클릭 유도문안, 다양한 제품을 나타내는 아이콘, 평가, 블로그 기사 등을 제공합니다.

NeilPatel.com

Neil Patel은 New York Times 베스트셀러 작가입니다. 그는 오바마 대통령이 선정한 30세 이하 기업가 100인과 유엔이 선정한 35세 이하 기업가 100인에 선정됐다. 여기 그의 웹사이트가 있습니다.

웹 재설계 이전 에 홈페이지는 그가 당시 대대적으로 홍보하고 있던 웨비나에 집중되어 있습니다. 하지만 그 이후로 초점이 바뀌었고 새로운 리드 수집에 집중하기 위해 홈페이지를 다시 디자인했습니다.

웹 재설계 후에 는 그가 누구이며 상업적 성공을 구축하는 데 어떻게 도움을 줄 수 있는지 명확하게 보여줍니다. 색상 구성이나 글꼴 선택이 변경되었지만 대부분 동일한 느낌입니다. 그리고 이전 디자인이 더 이상 그의 마케팅 전략과 호환되지 않았기 때문에 변경해야 했습니다.

결론적으로

재설계 프로젝트 시작을 고려할 때 첫 번째 단계는 항상 웹사이트를 재설계하려는 이유를 평가하는 것임을 명심해야 합니다. 재설계 결정과 " 웹사이트를 언제 재설계해야 합니까? "에 대한 위의 내용 뒤에는 타당한 이유가 있어야 합니다. "는 올바른 결정을 내리는 데 도움이 될 수 있습니다.

그런 다음 작업해야 하는 현재 자산, 사이트의 어떤 부분을 개선하고 싶은지, 재설계가 성공적인지 확인하기 위해 어떤 목표를 추적할 것인지 등을 확실히 이해해야 합니다. 위의 포괄적인 웹사이트 재설계 체크리스트를 따르면 잘못될 수 없습니다.