웹사이트 재설계를 완료하는 방법: 단계별 가이드

게시 됨: 2022-05-19

웹 사이트 디자인을 갖춘 깨끗한 사무실 책상에 맥북의 모형

웹사이트 재설계 를 고려하는 데에는 여러 가지 이유가 있습니다. 아마도 몇 년이 지났고 미학을 단장하고 싶을 것입니다. 또는 A2P 메시징 또는 새 섹션과 같은 몇 가지 새로운 기능을 추가하고 싶을 수도 있습니다. 새로운 제품을 출시하고 웹사이트에 이를 반영하기를 원하십니까? 사용자 경험을 개선하고 싶을 수도 있습니다.

이 모든 것이 웹사이트를 재설계하는 일반적인 이유입니다. 모두 귀하의 상황에 적용될 수 있습니다! 그리고 미학, 기능, 엔터프라이즈 VoIP 전화 시스템 제품 강조 표시 및 사용자 경험은 어쨌든 사이트를 다시 디자인할 때 모두 고려해야 합니다.

당신만을 위한 수백 가지의 고해상도 공짜 !
당신의 공짜를 요구하십시오

어떻게 해야 할까요? 뛰어들어봅시다.

  • 1. 드림팀 구성
  • 2. 현재 웹사이트 살펴보기
    • 귀하의 웹사이트는 현재 어떻게 운영되고 있습니까?
    • 귀하의 블로그는 어떤 모습입니까?
    • 귀하의 웹사이트는 사용자 친화적입니까?
    • 예쁜가요?
  • 3. 사용자에게 어떻게 생각하는지 물어보세요
  • 4. 목표 결정
  • 5. 미학에 초점
  • 6. 목소리를 키우세요
  • 7. 이상적인 사용자 여정
  • 8. 웹사이트 재설계 작업 위임
  • 9. 일정 만들기
  • 10. 둘러보기
  • 11. 생각을 말로 표현하기
  • 12. 사이트 디자인 및 개발
  • 13. 이륙 준비
  • 랩입니다!

1. 드림팀 구성

웹사이트를 재설계하는 과정의 첫 번째 단계는 최종 결과가 어떻게 보일지 결정하는 것입니다. 이 사람들은 프로젝트를 처음부터 끝까지 감독하고 다양한 관점을 테이블에 가져옵니다.

웹사이트 디자이너, 웹사이트 개발자, 마케팅 담당자를 포함해 3~5명이 필요합니다. 한 사람이 프로젝트의 머리 역할을 해야 합니다. 그들이 최종 결정권을 갖습니다. 팀에 콘텐츠 제작자나 작가를 포함할 수도 있습니다.

2. 현재 웹사이트 살펴보기

각 팀 구성원이 웹 사이트를 살펴보고 개선해야 할 사항을 메모한 다음 아이디어와 관찰 내용을 비교하도록 합니다. 다음과 같은 특정 영역에 주의해야 합니다.

귀하의 웹사이트는 현재 어떻게 운영되고 있습니까?

얼마나 많은 사람들이 귀하의 웹사이트를 방문하고 있습니까? 귀하의 SEO가 적절합니까? 사람들이 귀하의 페이지를 찾았을 때 오랫동안 머뭇거리고 있습니까, 아니면 빠르게 다른 곳으로 이동합니까? 측정항목을 보고 웹사이트의 성능을 분석하면 방문자에게 어떤 문제가 있는지 파악할 수 있습니다.

어떤 페이지에서 가장 많은 트래픽이 발생하는지 살펴보고 어떤 페이지를 아카이브로 보내야 하는지 확인하십시오. 그 중 개선할 수 있는 것이 있습니까?

✨ 놓치지 마세요: 포괄적인 웹 디자인을 위한 최고의 가이드 + 방법에 대한 팁

귀하의 블로그는 어떤 모습입니까?

모든 사진과 링크가 여전히 작동합니까? 귀하의 블로그는 탐색하기 쉽습니까? 귀하의 콘텐츠는 잘 만들어지고 신중하게 선택되었습니까? 귀하의 콘텐츠는 회사의 영혼으로 들어가는 매우 중요한 포털이므로 목소리와 어조가 원하는 대로 되도록 해야 합니다.

귀하의 블로그는 또한 귀하의 제품에 대해 단순히 열광하는 것 이상의 역할을 해야 합니다. 이는 귀하를 일반적으로 해당 분야의 전문가로 높여야 합니다.

귀하의 웹사이트는 사용자 친화적입니까?

새로운 시각이 이 질문에 답하는 데 도움이 될 수 있습니다. 귀하의 웹사이트는 탐색하기 쉽습니까? 사용자의 모든 질문에 대한 답변은 페이지를 살펴보는 것뿐입니까, 아니면 사용자가 귀하에게 직접 연락해야 합니까? 사용자가 원활한 온라인 결제를 할 수 있습니까?

예쁜가요?

전문적인 페이지도 눈에 편안해야 합니다. 미학에는 긴장을 풀고 안심시키고 영감을 주는 힘이 있습니다. 당신의 웹사이트는 당신이 그것을 볼 때 어떤 느낌을 줍니까? 웹 사이트를 떠날 때 안도감을 느끼거나 다시 방문하여 감탄하고 싶습니까? 아마도 그것은 당신이 그것을 얼마나 오래 쳐다보았는가에 달려 있지만, 그것이 충분히 좋다면, 당신은 쉽게 질리지 않을 것입니다.

3. 사용자에게 어떻게 생각하는지 물어보세요

그래서 당신은 당신의 아기에 대해 어떻게 생각하는지 알고 있지만 다른 사람들은 어떻게 생각합니까? 특히 사용자는 웹사이트에 대해 무엇을 말해야 합니까? 결국 그들은 그것을 사용할 사람들이므로 유용한 고객 리뷰는 그들이 실제로 즐길 수 있는 훌륭한 웹사이트를 디자인하는 데 큰 도움이 될 수 있습니다.

사용자에게 사이트를 방문할 때 간단한 설문조사를 작성하도록 요청하거나 연락을 기쁘게 생각하는 모든 구독자에게 이메일을 보내 의견을 물어볼 수 있습니다. 사람들의 피드백을 받기 위해 상품 인센티브를 제공할 수도 있습니다.

4. 목표 결정

웹사이트 재설계 최우선 사항 염두에 두기
이미지 소스

당신이 생각하는 것과 사용자가 생각하는 것을 알았으므로 이제 해결하고 싶은 것을 결정할 때입니다. 가장 일반적으로 언급되는 불만 사항이나 개선 영역의 차트를 만들고 가장 자주 언급되는 순서대로 작업할 수 있습니다. 또는 가장 쉬운 수정부터 가장 복잡한 수정까지 우선 순위를 지정하여 가장 어려운 작업을 끝까지 저장할 수 있습니다.

어떻게 하느냐는 여러분의 결정이지만, 새로운 수정 사항을 추가하기 위해 계속해서 되돌아갈 필요 없이 신속하고 효율적인 업데이트를 하려면 우선 순위 목록을 명확히 하는 것이 중요합니다.

당신의 목표는 예를 들어 "더 아름답게 보이게 하기"와 같이 거창하게 시작할 수 있습니다. – 그러나 보다 구체적인 작업이 되어야 합니다. 예를 들어 "메뉴에 조지아 글꼴을 사용하고 배너를 매가 있는 것으로 변경합니다." 그러나 가장 중요한 목표를 염두에 두십시오. 이렇게 하면 전체 작업 호스트를 동일하고 일관된 방향으로 이끄는 데 도움이 될 수 있습니다.

5. 미학에 초점

다음 단계는 회사의 브랜딩 지침을 살펴보고 업데이트가 필요한지 확인하는 것입니다. 회사에 브랜딩 지침이 없는 경우 새로 디자인된 웹 사이트를 출시하면 이메일 뉴스레터 디자인에도 사용할 수 있는 웹 사이트를 만들 수 있습니다.

그들이 왜 중요합니까? 그들은 귀하의 커뮤니케이션에 응집력 있고 전문적인 모습을 제공합니다. 70년대 분위기를 추구하든 미니멀한 기업 느낌을 추구하든 Instagram에서 웹사이트까지 연속성을 원합니다.

색상, 이미지, 테마, 로고, 글꼴, 글꼴 크기… 즉, 미학적인 모든 것을 생각하고 싶을 것입니다. 웹사이트에 음악과 멋진 포인터 효과를 포함할 수도 있습니다. 읽을 수 있는지 확인하십시오. 예를 들어 TTS(텍스트 음성 변환) 옵션을 포함하여 장애인 친화적으로 만드는 것도 비즈니스와 사용자 모두에게 좋은 아이디어입니다.

🔥 당신이 디자인하는 모든 것이 성공하기를 원하십니까? 그런 다음 12가지 그래픽 디자인 원칙을 읽는 것이 좋습니다.

6. 목소리를 키우세요

귀하의 웹사이트가 그 목소리가 무엇이든 간에 비즈니스의 목소리에 귀를 기울이고 있는지 확인하고 싶을 것입니다. 비공식 또는 공식 회사입니까? 대상 청중은 누구입니까? 일반 사용자와 대화하는 방법을 이해하기 위해 일반 사용자의 프로필을 만들 수 있습니다. 그들의 관심사는 무엇입니까? 그들은 왜 당신의 웹사이트에 왔을까요?

당신의 목소리는 브랜딩과 많은 강력한 마케팅 도구 중 하나인 만큼 공감을 위한 연습입니다. 사용자의 입장이 되어 웹사이트를 방문할 때 사용자가 원하는 것과 기대하는 것이 무엇인지 확인하고 싶습니다.

7. 이상적인 사용자 여정

목표를 설정하고 나면 이탈률과 같은 사항을 고려하여 웹사이트를 통한 기존 사용자 여정을 살펴보고 고객의 불만 사항을 이해할 수 있습니다. 그것을 작성하는 좋은 방법은 사용자가 접할 수 있는 모든 단계와 가능성을 매핑하는 순서도 형식입니다.

그런 다음 개선해야 할 특정 영역을 식별하기 위해 이 여정을 새 웹사이트에 대한 목표와 어떻게 비교하는지 확인할 수 있습니다. 이 정보를 바탕으로 웹사이트 재설계를 위한 새로운 사용자 여정을 설계할 수 있습니다.

8. 웹사이트 재설계 작업 위임

변경 사항이 결정되면 한 사람이 모든 변경 작업을 담당할 수도 있고 다른 사람이 다른 변경 사항에 대해 작업하는 것을 선호할 수도 있습니다. 예를 들어 작가는 블로그 재설계를 담당하고 디자이너는 미학을 담당할 수 있습니다.

목표에 따라 팀의 각 구성원에게 일련의 작업을 할당할 수 있습니다. 웹 사이트의 응집력 있는 구조를 보장하기 위해 라이브로 전환하기 전에 프로젝트 관리자가 최종 초안을 검토하도록 하십시오.

9. 일정 만들기

할 일 목록 만들기

작업을 위임할 뿐만 아니라 다른 부분을 완료하기 위한 일정도 만들고 싶을 것입니다. 예를 들어, 세계 여성의 날과 같은 새 웹사이트의 특정 출시 날짜를 염두에 두고 있습니까? 피하거나 일치하고 싶은 다른 이벤트가 있습니까?

웹사이트의 앱 버전(앱을 만들기로 결정한 경우)에 대해 앱 테스트 회사의 도움을 받는 시기와 같은 작업 일정을 작성하면 스트레스 없이 프로젝트를 완료하는 데 도움이 됩니다. 차질이 발생할 경우를 대비하여 흔들림 방지 공간을 구축하십시오.

10. 둘러보기

이제 웹사이트 재설계를 위한 매우 견고한 기반이 마련되었으므로 다른 사람들의 멋진 아이디어를 확인하고 그 중 일부를 자신의 웹사이트에 사용할 수 있습니다! 경쟁업체 중 일부가 블로그에 임팩트 있는 6초 동영상을 사용하기 시작했고 여러분도 그렇게 하고 싶을 것입니다. 또는 당신의 영혼에 말을 거는 극히 미니멀한 웹사이트를 발견하고 동일한 효과를 재현하고 싶을 수도 있습니다.

영감을 얻기 위해 비전통적인 공간을 보는 것을 두려워하지 마십시오. 어쩌면 자연의 무언가가 당신에게 영감을 주거나 영화에서 인용할 수도 있습니다. 가장 기억에 남는 디자인 중 일부는 예상치 못한 곳에서 나올 수 있다는 것을 기억할 가치가 있습니다.

Pinterest 보드와 같은 한 곳에서 모든 아이디어와 영감을 수집하고 웹사이트 분위기를 위한 출발점으로 사용할 수 있습니다.

11. 생각을 말로 표현하기

웹사이트 재설계 방향 제시

아름다운 이미지와 아이디어를 수집하는 것은 웹사이트 재설계의 정말 재미있는 부분이지만 콘텐츠를 올바르게 만드는 것도 마찬가지로 중요합니다. 귀하의 웹사이트가 귀하, 귀하의 서비스 및 제품에 대해 실제로 무엇을 말하고 싶습니까?

당신이 사용하는 단어에는 무게가 있으며 웹사이트를 만들 수도 있고 망가뜨릴 수도 있습니다. 마침표를 잘못 배치하면 웹사이트가 서두르고 비전문적으로 보일 수 있습니다. 웹사이트에서 사용하고 싶은 단어를 생각해 보세요. 어떤 감정을 불러일으키고 싶나요?

화창하고 행복한 분위기를 원한다면 햇볕에 흠뻑 젖은 , 따뜻한 , 행복 과 같은 단어를 포함할 수 있습니다. 좀 더 기업적인 분위기를 원한다면 clean and seamless 와 같은 단어를 사용할 수 있습니다. 웹사이트 전체에 퍼질 키워드와 단어로 워드 클라우드를 만드십시오. 이 권리를 얻으면 비즈니스 분야에서 틈새 시장을 개척하는 데 도움이 될 수 있습니다.

12. 사이트 디자인 및 개발

콘텐츠와 미학이 결정되면 사이트의 골격을 디자인하고 개발하여 다른 모든 것들과 함께 살을 붙일 수 있어야 합니다. 최신 웹 디자인 트렌드를 따르는 것만으로는 충분하지 않습니다. 웹사이트가 다양한 기기에서 작동하고 방문 페이지가 사용자가 사이트를 더 많이 탐색하도록 유도할 수 있을 만큼 충분히 높은 영향을 미치는지 확인하고 싶을 것입니다.

이 부분에서 드림팀으로부터 자주 피드백을 받아 올바른 방향으로 가고 있는지 확인하고 싶을 것입니다. 또한 향후 이벤트를 위해 웹사이트를 최적화할 수 있는지 확인하고 싶습니다.

13. 이륙 준비

웹 사이트의 사전 출시 미리 보기를 완료한 후에는... 인터월드로 출시할 시간입니다! 라이브가 시작되기 전에 철저히 테스트했는지 확인하십시오.

출시 전 주의할 점:

  • 깨진 이미지가 없다는 것을
  • 링크가 모두 작동하고 사용자를 의도한 곳으로 이동합니다.
  • 오류 메시지가 없다는 것
  • 메타 설명이 모두 정확합니다.

웹사이트를 시작한 후에는 소셜 미디어 채널 전체에 광고를 게재하고 소셜 미디어 채널이 새 웹사이트와 잘 어울리는지 확인하세요. 동시에 업데이트가 필요할 수도 있습니다.

랩입니다!

티셔츠 사업을 하든, 게임 제작자를 하든, 아니면 그 중간에 있는 어떤 일이든 웹사이트는 브랜드 아이덴티티를 반영하고 사용자 친화적이어야 합니다. 이 가이드가 기억에 남는 비즈니스로 차별화되는 응집력 있는 목소리와 미학을 만드는 데 유용하기를 바랍니다.


제시카 데이(Jessica Day) Dialpad 마케팅 전략 수석 이사

Jessica Day – Dialpad 마케팅 전략 수석 이사
제시카 데이(Jessica Day)는 모든 종류의 대화를 다음 단계로 끌어올려 대화를 기회로 바꾸는 현대적인 비즈니스 커뮤니케이션 플랫폼인 다이얼패드(Dialpad)의 마케팅 전략 수석 이사입니다. 그녀는 회사 및 고객 캠페인 모두에 대해 마케팅 노력을 실행하고 최적화하기 위해 다기능 팀과 협력하는 전문가입니다. Jessica는 Plutio 및 Zumvu와 같은 사이트에도 글을 썼습니다. 여기 그녀의 LinkedIn이 있습니다.