Weidert Group의 성장 중심 디자인 웹사이트 사례 연구

게시 됨: 2022-04-27

Weidert Group의 자체 웹사이트에서 이 방법론을 구현한 경험을 검토하여 성장 주도 설계(GDD)가 어떻게 작동하는지 알아보십시오.

우리의 도전

홈페이지 이전

Weidert Group의 웹사이트는 점점 더 많은 양의 트래픽을 끌어들이고 있었지만 우리가 원하는 대로 작동하지 않았습니다. 사용자 경험(UX)은 직관적이지 않고 모바일에서 사이트를 볼 때 불편했습니다. 사이트가 리드를 끌어내고 전환했지만 대부분은 우리가 가장 원하는 대상 산업이 아니었습니다. 마지막으로, 사이트는 3년 동안 상당히 정적이었고 일상 블로그 외부의 페이지에 약간의 변경만 있었습니다. 분석과 우리의 판단에 따르면 그 효과가 약해지고 있는 것으로 나타났기 때문에 설계를 새로 고칠 예정이었습니다.

GDD를 직접 구현하는 방법에 대해 자세히 알아보십시오. GDD 웨비나를 보십시오!

해결책

우리의 일반적인 접근 방식은 웹사이트를 완전히 재정비하는 것이지만 전통적인 웹사이트 개발 프로세스(하나의 시작부터 끝까지 작업 순서)를 진행하는 데 필요한 시간을 할애할 수 없었습니다. 대신, 우리는 성장 주도 설계(GDD) 원칙과 방법을 활용하기로 결정했으며 다음과 같은 이점을 기대할 수 있습니다.

  • 비교적 짧은 시간 내에 초기 웹사이트("런치패드" 사이트) 만들기
  • 예산(시간/인력)을 1년에 걸쳐 균등하게 배분합니다(초기 사이트에 약간의 투자, 분석 정보에 기반한 반복적인 변경에 대한 지속적인 요구 사항 감소).
  • 사용자 데이터를 활용하여 학습한 대로 지속적으로 업데이트하여 "항상 최적화된 사이트" 상태를 만드는 사이트로 발전

홈페이지-1 이후

과정

전략 단계

  • 우리는 먼저 최고의 잠재 고객을 재식별하고 관련 구매자 페르소나를 업데이트했습니다 . 우리가 주로 최고의 잠재 고객에게 이야기할 수 있도록 디자인 및 콘텐츠의 초점으로 산업체(및 이들에게 서비스를 제공하는 비즈니스)의 우선 순위를 지정하고 대상 고객을 재정의했습니다.
  • 초점을 보다 정확하게 전달하기 위해 새로운 브랜딩 전략 (색상, 글꼴, 그래픽/사진/시각적 접근 등)을 개발했습니다.
  • 사이트 목표와 수정 희망 목록을 만들었습니다 . 새 사이트에 대한 우리의 목표는 다음과 같습니다.
    • 매월 13개의 마케팅 자격을 갖춘 리드(MQL)4개의 영업 자격을 갖춘 리드(SQL) 캡처
    • 방문자 세션을 월 35,000으로 증가
    • 새 연락처를 월 296명으로 늘립니다.
    • 신규 고객 수를 월 1명으로 증가

위시리스트는 이해 관계자가 새 사이트의 일부로 원하는 모든 전략적 및 전술적 기능을 상당히 철저하게 항목화했으며 발표자 국 페이지, 비용 계산기, 확장된 팀 약력, 작업 방식을 설명하는 프로세스 페이지와 같은 변경 또는 추가를 포함했습니다. 클라이언트와 훨씬 더

런치패드 빌드 단계

  • 다음 단계는 모든 필수 기능과 콘텐츠를 방문자에게 제공하고 지속적으로 개선할 수 있는 런치패드 사이트 계획을 시작하는 것이었습니다.
  • 우리는 먼저 목표 달성에 가장 도움이 될 것이라고 생각하는 항목을 기반으로 희망 목록의 우선 순위를 정한 다음 팀 구성원에게 필요한 입력/작업을 요약하고 세부 일정의 일부로 할당을 묶었습니다. 모든 위시리스트 항목이 실행된 것은 아닙니다. 출시 후 남은 것들은 지속적인 개선 주기 동안 검토를 위해 위시리스트에 보관되었습니다.
  • 웹 페이지용 으로 새로운 콘텐츠(복사본 및 그래픽, 기능 추가)가 생성 되고 런치패드 사이트가 구축되었습니다. 이 단계는 동일한 페이지 수에 대한 기존 사이트 구축의 평균 약 5개월에 비해 단 6주가 소요되었습니다.
  • 사이트는 9월 21일에 정시에 시작되었습니다.

지속적인 개선 주기

  • 사이트의 첫 번째 반복에서는 데이터보다 판단이 우리의 결정을 이끌었습니다. 그러나 모든 후속 주기에서 데이터는 사용자 경험 및 목표 측정항목을 개선하기 위해 어떤 변경이 필요한지 결정하는 데 사용되었습니다.
  • 런치패드 사이트에 대해 실행되지 않은 위시리스트 항목은 첫 번째 월간 GDD 회의 에서 팀의 사람들이 사이트를 개선할 것이라고 생각한 다른 제안과 함께 발표되었습니다. 이들은 우선 순위를 지정하고 팀 구성원에게 할당된 관련 작업을 수행했습니다.
  • 각 주기마다 유사한 프로세스가 수행됩니다. 우리의 주기는 4-5주이며 일반적으로 약 20 근무일입니다.

GDD 결과

전략 단계에서 언급했듯이 세션, 연락처, MQL, SQL 및 고객에 대한 목표를 식별했습니다. 처음 6개월 동안 우리는 목표를 달성하지 못했습니다.   이 프로세스를 구현하여 배운 모든 것은 말할 것도 없고 우리가 달성한 성장을 보니 더할 나위 없이 기쁩니다. 설정하고 잊어버리기(set it and forget it) 접근 방식에 반대되는 이 접근 방식을 취함으로써 방문자가 우리 사이트를 사용하는 방법, 관심 대상, 사람들이 페이지에 더 오래 머물게 하는 것 및 기타 많은 통찰력에 대해 많은 것을 배웠습니다. 우리 사이트에 GDD 접근 방식을 취하지 않았다면 우리는 절대 가질 수 없었을 것입니다.   

KPI

지속적인 개선 주기의 변경 지표

2017년 9월에 런치패드 사이트를 시작한 이후로 2018년 4월까지 6개의 지속적인 개선 주기를 완료했습니다. 이러한 주기를 통해 우리는 사이트의 사용자가 무엇에 관심이 있는지 많은 것을 배웠습니다. 다음은 지속적인 개선 주기 동안 변경된 몇 가지 사항입니다. 우리의 놀라운 성장에 기여했습니다.

상담 방문 페이지 업데이트

원래의

  • 너무 많은 텍스트
  • 방문자가 방문 페이지에서 멀어지도록 허용/장려하는 사이트 탐색이 포함되었습니다. (예: "우리 팀 만나기" 버튼)

무료상담 전 페이지

수정 사항

  • 가설: 탐색을 없애고 페이지에 비디오를 추가하면 페이지에 머문 시간과 대화 속도가 증가할 것입니다.
  • 텍스트를 비디오로 변환 - 청중과 소통하는 훨씬 더 매력적인 방법
  • 방문 페이지 탐색을 제거했습니다.

무료상담 후 페이지

Consultation_pg_결과

블로그의 모바일 보기에서 헤더 배너를 제거했습니다.

원래의

  • 큰("높은") 헤더 배너는 모바일 사용자가 찾고 있는 콘텐츠에 도달하기 전에 상당한 양의 스크롤을 강요하여 높은 페이지 종료율로 이어졌습니다.

수정 사항

  • 가설: 블로그에서 헤더 배너를 제거하면 페이지에 머문 시간이 늘어나고 이탈률이 감소할 것입니다.
  • 사이트의 모바일 버전에서 배너를 제거했습니다. 페이지 하단의 콘텐츠에 도달하는 "눈" 수의 개선은 아래 Hotjar 히트맵 캡처에서 볼 수 있습니다. 색상이 따뜻할수록 해당 개체 또는 섹션이 방문자로부터 더 많은 조회수를 받았습니다.

사이트의 모바일 버전에서 배너를 제거했습니다. 페이지 하단의 콘텐츠에 도달하는 "눈" 수의 개선은 위의 Hotjar 히트맵 캡처에서 볼 수 있습니다. 색상이 따뜻할수록 해당 개체 또는 섹션이 방문자로부터 더 많은 조회수를 받았습니다.

모바일 사용자 경험 향상을 위한 모바일 중심 디자인 실행(출시일 이전 대비)

원래의

  • 트래픽의 85% 이상이 데스크톱에서 발생했기 때문에 모바일은 최우선 순위가 아니었습니다.

수정 사항

  • 가설: 모바일 우선 설계를 활성화하면 사람들이 모바일 장치에서 우리 사이트를 방문하는 것과 함께 모바일 트래픽이 증가할 것입니다.
  • 출시 이후 페이지 증가 시간과 함께 엄청난 페이지 조회수 증가를 확인했습니다.
모바일 중심_디자인_결과


재설계된 클릭 유도문안 버튼

모든 고급 콘텐츠 CTA는 시각적으로 더 흥미롭고 고급 콘텐츠의 가치에 대해 더 명확한 헤드라인을 특징으로 하도록 업데이트되었습니다.

가설: 헤드라인을 보다 명확하게 함으로써 우리는 더 많은 사람들이 우리의 CTA를 클릭하기 시작할 것이라고 믿었습니다.

연간 마케팅 계획 CTA 실적


단계별 CTA 성능

추가 테이크아웃

  • 사이트에 대한 대부분의 변경은 실험으로 시작됩니다 . "본문에서 링크를 제거하면 이 링크에서 더 많은 클릭을 얻을 수 있을까요?" "이 차트의 새로운 디자인이 더 많은 관심을 끌까요?" "비용 계산기를 사용하면 방문자가 데모 요청에 더 가까워질 수 있습니까?" 사이트를 수정하면 사용자 방문에서 수집된 데이터를 통해 실험이 효과가 있었는지 여부를 알 수 있습니다.
  • 실험 자체는 정보에 입각한 가정을 기반으로 합니다. 우리는 잠재 고객에 대해 알고 있는 것, 이미 수집한 데이터 및 사람들이 웹사이트에서 기대하는 것에 대한 지식을 사용하여 실험을 만듭니다.
  • 모든 실험이 효과가 있는 것은 아니지만 모두 우리에게 무언가를 가르쳐줍니다! 한 가지 예는 방문 페이지 전환 양식에 대한 양식 전략 업데이트입니다. 방문자가 드롭다운 옵션을 선택해야 하는 질문을 추가한 후 양식을 작성하는 방문자 수가 감소했습니다. 이는 방문자가 해당 수준이나 정보의 양을 제공하는 것을 원하지 않는다는 좋은 표시였습니다.
  • 위시리스트는 방문자가 유용하거나 흥미롭다고 생각하는 항목에 대한 판단을 기반으로 합니다. 잠재 고객이 때때로 "일반적인 인바운드 마케팅 참여는 어떻게 작동합니까?" 사용자 데이터는 사용자가 해당 페이지에서 시간을 보내고 있는지(그리고 얼마나 오래, 클릭하는 영역, 이 페이지에서 어디로 이동하는지 등) 알려줍니다.
  • 메트릭에는 시간이 걸립니다. 웹 사이트의 백엔드는 깔끔하고 사용 가능한 패키지에 자동으로 숫자를 표시하지 않습니다. 그러나 일단 수집되고 평가되면 웹 사이트를 매우 효과적인 리드 유치 및 전환 기계로 변환할 수 있습니다.

런치패드 사이트가 2017년 9월에 활성화된 이후로 지속적으로 업데이트를 진행했으며 그렇게 함으로써 엄청난 성공을 거두었습니다. 귀사의 성장 주도 설계 참여 방식에 대해 자세히 알아보려면 당사에 문의하십시오. 여러분의 의견을 듣고 싶습니다!

인바운드 마케팅이 궁금하세요? 무료 상담을 요청하고 귀하의 비즈니스를 성장시킬 수 있는 방법에 대해 이야기해 봅시다.