웹사이트 재설계 성공을 위한 팁!

게시 됨: 2021-07-30

웹사이트 재설계를 고려하고 있습니까? 웹사이트 디자이너와 마케팅 담당자에게 이와 같은 프로젝트는 흥분과 공포를 동시에 선사할 수 있습니다! 새로운 웹사이트가 많은 이점을 가져다 줄 수 있지만, 오래된 웹사이트에서 새로운 웹사이트로 이동할 때 항상 관리해야 하는 위험이 있습니다. 새 웹사이트를 디자인하고 출시하는 것은 시간과 비용이 많이 드는 작업이므로 올바르게 수행하는 것이 중요합니다. 한 번 보자

웹사이트를 다시 디자인해야 합니까?

귀중한 회사 자원을 이러한 시간 소모적인 프로젝트에 투자하기 전에 재설계의 이유, 재설계의 근본적인 목적 및 달성 목표를 이해하는 것이 중요합니다. 이렇게 하면 목표를 설정하고 변경 계획을 세우고 궁극적으로 재설계가 성공했는지 검토할 수 있습니다.

웹사이트는 온갖 이유로 개편되는데, 가장 흔한 것은 현재 웹사이트가 '수명'에 다다랐다는 것입니다. 일반적으로 웹사이트는 2~3년마다 업데이트해야 합니다. 왜요? 기술과 디자인 트렌드는 2~3년 전에는 최첨단으로 여겨졌던 것이 오늘날은 아닐 수도 있을 만큼 빠른 속도로 변화하고 있습니다. 따라서 귀하의 웹사이트가 이 시대를 넘었다면 구식일 가능성이 큽니다.

이것만으로도 웹사이트에 페이스리프트를 적용해야 할 충분한 이유가 됩니다. 그러나 웹 사이트를 새로 고치거나 완전히 재설계해야 하는 더 구체적인 이유가 있습니다. 살펴보겠습니다.

1. 귀하의 웹사이트는 모바일 친화적이지 않습니다

이것은 거대합니다. 왜요? 모바일이 전 세계 웹 트래픽의 약 절반을 차지하고 그 수치가 계속 증가하고 있기 때문입니다. 2021년 1분기에 모바일 장치(태블릿 제외)는 전 세계 웹사이트 트래픽의 54.8%를 생성했으며, 2017년 초 이후 지속적으로 50%를 유지하고 있습니다. 또한 모바일 친화적이지 않은 웹사이트는 Google에 의해 불이익을 받게 되며 이에 따라 그렇지 않으면 SERP에서 순위가 좋지 않습니다.

2. 웹사이트의 성능 개선이 필요한 경우

웹사이트는 백엔드와 프론트엔드의 두 부분으로 구성됩니다. 프론트엔드가 사이트의 모양을 결정하는 동안 백엔드 및 관련 코드는 사이트의 기능을 구동합니다. 웹사이트는 보기에 좋을 뿐만 아니라 성능도 좋아야 합니다. 열악한 웹사이트 성능은 고객의 경험에 영향을 미치며 그렇게 하면 비용이 발생합니다. 따라서 최적화되지 않은 자산이나 부피가 큰 코드와 같이 웹사이트 성능에 영향을 미치는 문제가 있는 경우 웹사이트를 전체적으로 개선할 수 있도록 재설계 프로젝트에 포함할 수 있습니다.

3. 트래픽은 많지만 전환율이 낮습니다.

대부분의 사람들이 귀하의 사이트를 방문하고 잠시 시간을 보낸 후 아무런 조치도 취하지 않고(예: 문의 제출) 사이트를 떠나는 경우 고객 여정을 검토하는 것이 좋습니다. 사람들이 당신을 쉽게 찾을 수 있도록 하고 있지만 그들이 원하는 것을 제공하지 못할 가능성이 있습니다. 웹사이트는 방문자가 쇼핑을 하거나 블로그를 읽거나 제품이나 서비스에 가입하는 등의 목표를 달성해야 합니다. 이러한 상황이 발생하지 않으면 CTA, 링크 및 버튼, 콘텐츠 또는 카피와 같은 웹사이트의 일부 핵심 요소를 재고하여 웹사이트가 더 잘 전환되도록 해야 합니다.

4. 귀하의 웹사이트가 귀하의 브랜드를 정확하게 나타내지 않습니다.

웹사이트는 비즈니스의 디지털 도어이며 디지털 ID의 기반을 형성합니다. 따라서 브랜드와 잘 어울리는 것이 중요합니다. 웹사이트의 모양과 느낌은 브랜드 가치를 전달하고 비즈니스를 묘사해야 합니다. 이는 브랜드 일관성과 인지도를 구축하고 사용자가 브랜드에 편안함을 느끼도록 하려는 경우 매우 중요합니다.

웹사이트 재설계

이제 웹사이트가 실패할 수 있는 영역 중 일부를 다루었으므로 곧바로 웹사이트 재설계 과정에서 취할 수 있는 단계를 계획해 보겠습니다.

1. 현재 사이트 감사

현재 사이트의 사이트맵을 구축하고 각 페이지의 분석을 검토하여 눈에 띄는 사용자 패턴을 확인하는 것으로 시작할 수 있습니다. 이를 통해 개선해야 할 페이지에 대한 아이디어를 얻을 수 있고 고객 여정을 검토해야 하는지 이해하는 데 도움이 됩니다. 이미 염두에 두고 있는 문제가 있는 경우 사이트의 분석을 검토하면 직감을 확인하거나 반박하는 데 도움이 됩니다.

2. 사용자 여정 이해

사용자 여정은 사용자가 구매 또는 문의하는 과정에서 거치는 여러 단계를 매핑합니다. 웹사이트는 이 여정의 각 단계에서 감정을 만들고 특정 행동을 촉발하여 원하는 결과로 이끌어야 합니다.

사용자가 무엇을 찾고 있는지, 그 과정에서 어떤 질문에 답해야 하는지, 웹사이트에서 찾을 위치를 이해하는 것이 중요합니다. 따라서 사이트의 사용자 여정에 사용자가 '길을 잃을' 수 있는 구멍이 없는지 확인하는 것이 중요합니다.

사용자를 실제로 인터뷰하고 경험에 대해 묻는 것부터 Hotjar 또는 Lucky Orange와 같은 열 매핑 도구를 사용하는 것까지 사용자 여정을 검토하는 방법은 여러 가지가 있습니다. 이 도구를 사용하면 사람들이 웹사이트와 상호작용하는 방식, 가장 많이 사용하는 요소 및 여정 중 어느 부분에서 이탈하는 경향이 있는지에 대한 실제 보기를 제공합니다. 이렇게 하면 웹사이트가 제공해야 하는 원하는 고객 여정을 실제 고객 여정과 비교하고 격차를 해소하기 위해 필요한 조정을 정의할 수 있습니다.

3. 목표 정의

이 재설계의 목적과 개선이 필요한 영역에 대한 명확한 아이디어를 얻었으므로 이제 본격적으로 몇 가지 구체적인 목표를 설정할 때입니다. 사이트 감사 중에 발견한 내용을 기반으로 개선해야 할 사항을 완전히 이해해야 합니다. 예를 들어 사용자가 가입하는 동안 떠나는 경향이 있는 경우 이 과정에서 사용자가 좋지 않은 경험을 하고 있을 수 있으므로 가입 양식과 사용성을 검토할 수 있습니다.

'계획 페이지로 더 많은 사용자 유도' 또는 '판매 2% 증가'와 같은 보다 구체적인 목표를 설정하면 결국 재설계의 성공 여부를 검토하는 데 도움이 됩니다. 일반적으로 사용자 여정을 개선하려면 달성하려는 이상적인 사용자 흐름을 구성하는 것이 좋습니다. 이 프로젝트가 완료된 후 이것이 사용자가 실제로 따라가는 여정과 일치하는지 확인하십시오.

4. 타임라인 설정

재설계 프로젝트의 목표를 구체적으로 정의하면 이제 이를 달성하기 위한 현실적인 계획을 세울 수 있습니다. 이 단계의 키워드는 '현실적'이다. 항상 보유하고 있는 리소스를 기반으로 프로젝트를 계획하십시오. 인력, 시간 및 돈.

비현실적인 마감일을 설정하면 프로젝트가 탈선하고 팀이 소진되거나 변경 사항을 서두르지 않을 수 없으며 재설계는 궁극적으로 실패하게 됩니다. 따라서 항상 프로젝트를 계획할 때 가지고 있는 리소스를 염두에 두십시오. 일정을 결정했으면 이를 더 작은 조각으로 나누고 이정표를 설정하십시오. 이 이정표는 프로젝트가 어떻게 진행되고 있는지 확인하는 데 도움이 됩니다.

프로젝트를 진행하면서 설정한 일정에 따라 진행 상황을 추적하고 필요한 경우 마감일을 다시 조정해야 합니다.

5. 디자인

디자이너로서 조금 편향될 수도 있지만, 이것이 가장 좋은 부분입니다! 이제 마침내 이 모든 아이디어와 영감이 실현되고 구체화되기 시작할 때입니다. 한 번에 모든 페이지를 디자인하고 싶은 마음이 들 수도 있지만 이전에 설정한 일정에 따라 열정을 억제하고(적어도 조금은!) 단계적으로 진행해 보세요.

간단한 와이어프레임을 만들어 디자인을 시작하고 그 과정에서 지속적인 피드백을 받으십시오. Invision 또는 Zeplin과 같은 도구를 사용하여 디자인을 공유하고, 능률적인 피드백을 받고, 팀과 협업할 수 있습니다. 와이어프레임이 완성되면 전체 페이지 디자인을 만들 준비가 된 것입니다. 영향력이 큰 페이지(예: 홈페이지)부터 시작하는 것이 좋습니다. 팀이 따라갈 디자인 방향에 대해 완전히 조정되면 나머지 페이지를 진행하십시오.

6. 개발 및 출시

여기까지의 긴 여정이었습니다. 깔끔하게 재설계된 페이지를 개발 팀에 넘기는 동안 흥분과 불안을 느끼셨을 것입니다.

SEO 및 업계 모범 사례를 따라 웹 사이트가 외부에서 보이는 것처럼 내부에서도 깨끗한지 확인하십시오. 페이지가 개발될 때 모든 사용자에게 최상의 경험을 제공하기 위해 다양한 브라우저와 장치를 통해 페이지를 교차 확인하십시오. 검토 프로세스는 긴 시간이 될 수 있지만 모든 경우에 디자인이 의도한 대로 표시되는지 확인할 수 있는 유일한 방법이므로 서두르지 마십시오.

출시하기 전에 모든 것이 제대로 되어 있고 게시할 준비가 되었는지 확인하기 위해 사전 출시 검토를 수행해야 합니다. 다음을 다시 확인하는 것을 잊지 마십시오.

모든 링크가 올바르게 작동하는지 확인
301 리디렉션이 모두 설정되었는지 확인하십시오.
모든 페이지에서 메타 설명과 페이지 제목이 올바른지 확인하십시오.
이미지를 확인하고 더 나은 성능을 위해 최적화되었는지 확인하십시오.
웹사이트에서 모든 양식(가입, 연락처 등)을 테스트하고 제대로 작동하는지 확인하십시오.

7. 노력 검토

새로운 웹사이트가 마침내 준비, 개발 및 출시되었습니다! 잠시 시간을 내어 축하할 수 있지만 재미는 여기서 멈추지 않습니다. 이제 이 모든 노력이 원하는 결과를 얻었는지 확인해야 합니다. 따라서 출시 후에는 분석할 수 있는 새 설계에 대한 데이터 및 분석 수집을 시작해야 합니다.

팀과 협력하여 출시 몇 달 후 고객 여정을 검토하고 새로운 디자인으로 목표를 달성하고 있는지 확인하십시오. 필요한 경우 A/B 테스트와 같은 실험을 계획하고 목표가 달성될 때까지 콘텐츠를 추가로 조정합니다.

마지막 팁

웹사이트 재설계가 모든 목표를 한 번에 달성하더라도 실망하지 마십시오. 완벽한 웹사이트를 디자인하는 것은 많은 노력과 시간을 필요로 하므로 첫 번째 시도에서 못을 박지 않는다면 자연스러운 일입니다. 이 프로세스를 통해 수집한 지식을 사용하고 웹 사이트 분석을 가져와 완벽한 웹 사이트에 도달할 때까지 다시 시작하십시오. 노력할 가치가 있습니다!