Agile, WordPress 및 WooCommerce를 사용하여 PEI Media의 웹사이트와 비즈니스를 어떻게 변화시켰습니까?

작년에 Pragmatic은 PEI Media와 협력하여 웹사이트 포트폴리오와 비즈니스의 디지털 혁신을 제공했습니다.

Pragmatic의 동료들과 저는 최대 40%의 유기적 트래픽 증가를 포함한 결과를 매우 자랑스럽게 생각합니다. 그래서 우리는 높은 수준의 관찰에서 실질적인 통찰력에 이르기까지 우리 작업에서 배운 몇 가지 핵심 사항을 공유하고 싶었습니다.

PEI 미디어: 기술 부채에서 애자일로

PEI Media는 브랜드 포트폴리오를 보유한 국제 금융 미디어 그룹입니다. 이 그룹은 2016년 가을에 새로운 CTO(최고 기술 책임자)를 영입하고 그에게 비즈니스의 완전한 디지털 혁신을 맡겼습니다. 그들은 회사의 프리미엄 제품이 상당한 성장을 제공할 수 있도록 현대적이고 유연한 기술 플랫폼을 만들고 싶었습니다.

회사가 심각한 기술 부채를 안고 있었기 때문에 이것은 오르막길이었습니다. 새로운 콘텐츠를 게시하거나 웹사이트에 있는 내용을 변경하려면 간단한 오타를 포함하여 전체 웹사이트를 밤새 재구축해야 했습니다. 속도와 유연성이 중요한 업계에서는 분명히 지속 불가능한 상황이었습니다. .

웹사이트에서 무엇이든 변경하려면 ... 전체 웹사이트를 밤새 재구축해야 했습니다.

PEI 미디어는 좋은 연간 성장률을 보였습니다. 그리고 최근의 벤처 캐피털 자금 덕분에 이제 비즈니스 성장을 훨씬 더 빠르게 추진할 수 있습니다. 그러나 회사의 디지털 자산을 완전히 변환해야만 비즈니스를 위해 설정한 야심찬 목표를 달성할 수 있다는 점은 분명했습니다.

간략한 내용은 회사의 8개 웹사이트를 재개발하여 셀프 서비스 전자 상거래를 통해 제품 포트폴리오를 제공하고 최상의 도구와 매력적인 디자인의 프런트 엔드를 제공하는 것이었습니다.

PEI Media의 요구 사항을 충족하기 위해 Pragmatic의 우리 팀은 민첩한 방법론을 통해 구현된 강력한 고성능 구성 요소의 연결된 아키텍처가 필요했습니다.

PEI Media와 협력하면서 우리는 적법 절차를 성실히 따랐습니다. 여기에는 명확하고 높은 표준을 준수하고, 엄격한 문서를 통합하고, 해결해야 할 문제에 대한 솔루션을 결정하기 전에 상세한 검토를 수행하는 것이 포함됩니다.

우리는 미래의 PEI 미디어 파트너와 함께 철저한 RFP 프로세스를 수행하여 당면한 작업에 가장 적합한 접근 방식, 소프트웨어 및 아키텍처를 탐색했습니다.

이 프로젝트를 실행하기 위해 공식적으로 합류한 후 우리는 발견 프로세스를 시작했습니다. 그런 다음 다양한 이해 관계자의 요구 사항을 모두 통합한 제품 백로그를 만들었습니다.

왜 WordPress, 왜 WooCommerce입니까?

이것은 웹 퍼블리싱 프로젝트였기 때문에 웹의 선도적인 콘텐츠 관리 시스템인 WordPress가 자연스럽게 들어맞았습니다. 강력하고 다양한 플러그인을 사용할 수 있고 유연한 편집 워크플로가 있기 때문에 WordPress는 우리가 고려했던 독점 CMS 플랫폼과 비교하여 두드러졌습니다. .

개발자 지원 없이 웹페이지를 변경할 수 있는 Visual Composer의 유연성은 PEI Media의 진정한 매력이었습니다. 우리는 또한 웹사이트 네트워크에 대한 PEI Media의 비전과 일치하는 것을 찾을 수 있을 때까지 프로토타입을 신속하게 생성하여 여러 타사 테마를 빠르게 반복하는 우리 팀의 능력을 보여주었습니다. 고객에게 사이트가 어떤 모습일지 보여줌으로써 고객은 WordPress에 대한 확신과 고객이 원하는 사이트를 구축할 수 있는 우리의 능력에 대한 확신을 갖게 되었습니다.

WooCommerce는 PEI Media에 간소화된 결제 경험을 제공했습니다. 회사의 이전 전자 상거래 결제 프로세스에는 9단계 이상이 포함되었으며 WooCommerce를 사용하여 숫자를 2~3단계로 줄일 수 있었습니다. 이를 통해 영업 팀의 작업이 더 쉬워졌고 전환율도 향상될 것으로 예상했습니다.

회사의 이전 전자 상거래 결제 프로세스에는 9단계 이상이 포함되었으며 WooCommerce를 사용하여 숫자를 2~3단계로 줄일 수 있었습니다.

PEI Media는 콘텐츠를 판매하고 팀원들은 콘텐츠를 편집하고 제작하는 데 익숙했기 때문에 콘텐츠 관리를 제품 설명 및 이미지로 확장하는 것은 큰 도약이 아니었습니다.

WordPress와 마찬가지로 WooCommerce는 오픈 소스이므로 필요에 따라 기본 기능을 확장하고 편집할 수 있는 유연성을 제공했습니다. 이 엔터프라이즈 수준 프로젝트에서 우리 고객은 여러 사업부에 분산되어 있으며 각각 별도의 독립적인 손익 계정을 운영하고 자체 수익을 창출하고 있습니다. 즉, 물리적 제품에서 가상 콘텐츠 액세스, 이벤트 티켓 등에 이르기까지 다양한 콘텐츠 유형을 고려해야 했습니다. 이러한 사이트는 또한 WooCommerce가 지원할 수 있는 일회성 결제와 구독을 처리해야 했습니다.

우리의 최종 판매 포인트는 WooCommerce의 확장성이 다른 앱 및 소프트웨어와 쉽게 통합할 수 있고 연결성이 매우 우수하여 PEI 미디어 사이트를 연결할 수 있는 플랫폼 및 서비스에 제한이 없음을 의미합니다.

thisispei.com의 기술 설계

자격 관리 (사용자가 기준 매트릭스에 따라 볼 수 있거나 볼 수 없는 제한된 콘텐츠를 제어하는 ​​권한 시스템)와 같이 WordPress 및 WooCommerce가 제공할 수 없는 일부 기능을 충족하기 위해 다른 여러 가지를 구현했습니다. 통합.

익명 사용자, 등록된 무료 사용자, 프리미엄 콘텐츠 유료 사용자 등 다양한 유형의 사용자에 대한 액세스를 관리하기 위해 자격 관리를 처리할 수 있는 정교한 솔루션인 PEI Media를 구축해야 했습니다. 비즈니스의 핵심은 전환율을 극대화하고 사용자가 지불하도록 장려하는 것이었고 우리는 이미 이 기능을 제공하는 여러 클라우드 플랫폼을 식별했습니다.

우리가 구축한 기술 아키텍처는 CMS로 WordPress와 전자 상거래를 위한 프런트 엔드 및 WooCommerce로 구성되었습니다. 그런 다음 ID 및 액세스 관리 플랫폼인 Blaize를 추가했습니다. 등록, 로그인 및 사용자 계정 관리를 포함한 ID 관리를 처리하기 위해 WordPress 앞에 프록시 서버를 배치합니다. 방문자가 액세스하는 항목과 해당 권한에 따라 프록시 서버는 관련 콘텐츠를 동적으로 생성합니다.

우리는 암호 없는 인증을 선택했고 특정 검색 엔진에서 오는 인바운드 페이지 요청에 대해 무료로 콘텐츠의 첫 페이지를 생성하는 Blaize의 기능을 활용했습니다. 이른바 "첫 번째 클릭 무료" 액세스를 통해 검색 엔진에서 페이지를 색인화하고 검색 결과에서 웹사이트 순위를 높일 수 있습니다.

PEI Media는 팀이 회사가 다루는 시장에 대해 분석가에게 알리는 데 사용하는 풍부한 데이터 연구 및 분석 플랫폼을 실행합니다. 개편된 웹사이트에서 이 데이터에 액세스할 수 있도록 Elasticsearch를 통해 이를 표시하고 이를 표시할 React 프론트엔드를 구축했습니다. 우리는 데이터 기반 그래픽과 함께 편집 콘텐츠 표시를 간소화했습니다.

또한 Blaize는 회사의 CRM에 연결하여 WordPress에 대한 권한을 관리합니다. 사용자가 권한을 구매한 WooCommerce를 통해 체크아웃하면 Blaize는 즉시 CRM을 업데이트하여 사용자가 프리미엄 콘텐츠에 빠르게 액세스할 수 있도록 합니다.

마케팅 자동화를 통해 판매를 개선하기 위해 Google 태그 관리자를 통합했습니다. 이 태그 관리자는 데이터를 Google Analytics로 다시 전달하고 거기에서 회사의 비즈니스 인텔리전스 플랫폼으로 전달합니다. 이를 통해 고객 확보 및 유지를 지속적으로 개선할 수 있었습니다.

우리가 구축한 아키텍처는 개인화된 고객 경험을 생성했으며, 이는 차례로 청중 참여, 반복 방문, 사이트에 머문 시간, 조회된 페이지 수를 유도합니다. PEI Media의 비즈니스 모델이 프리미엄 제품에 중점을 두고 있기 때문에 사용자가 더 많은 페이지를 볼수록 한계에 더 가까워지고 해당 콘텐츠에 액세스하려면 업그레이드해야 합니다.

운영 설계: 발견 및 교정

이것은 다양한 기능과 함께 구축하고 연결할 수 있는 소프트웨어가 포함된 거대한 프로젝트였습니다. 우리는 어떻게 시작부터 풀스피드 프로그램까지 오게 되었나요? 전환에는 세 단계가 필요했습니다.

발견 단계 가 먼저였습니다. 이 1개월의 기간은 전체 프로젝트 팀이 비전과 특정 요구 사항 모두에 대해 조정되었는지 확인하는 것이었습니다. PEI Media 및 기타 기술 파트너와의 워크숍 및 회의를 통해 초기 프로젝트 문서를 완료하는 데 도움을 받았습니다. 우리는 절대적으로 필요한 경우가 아니면 기술 또는 디지털 연설을 피하도록 주의했습니다. 우리는 의사소통이 매력적이며 건강한 대화를 생성하기를 원했습니다. 또한 일단 개발이 시작되면 기술적 위험을 최소화하기 위해 프로토타이핑 및 기술 탐색을 수행했습니다. 이 단계에서 우리는 팀이 각각 2주 동안 스프린트를 실행하는 Agile 접근 방식을 사용하는 데도 동의했습니다.

다음으로 프로젝트를 진행하는 데 6주(3번의 스프린트)를 제공하는 보정 단계 가 있었습니다. 이 단계를 통해 우리는 각 스프린트에서 달성할 수 있는 작업의 양을 평가할 수 있었고 주요 이정표에 대한 납품 날짜에 대한 좋은 아이디어를 얻을 수 있었습니다.

보정 후 우리는 활발하게 실행 중인 스크럼 팀 전달 의 최종 상태로 원활하게 이동했습니다. 스크럼 프로세스의 중요한 부분인 회의는 우리가 PEI 미디어 파트너와 지속적으로 진행 상황을 논의하고 검토했음을 의미했습니다. 이는 우리가 긍정적이고 신뢰에 기반한 관계를 형성하는 데 도움이 되었습니다.

문의, 클릭, 트래픽 증가

암호 없는 액세스 덕분에 그룹 전체에서 구독 문의 수가 크게 증가했습니다. 웹사이트가 더 빨리 로드되고 방문자가 더 많은 기사를 클릭합니다. 그 결과 일부 웹사이트에서 트래픽이 최대 23% 증가했으며 이는 더 많은 방문, 더 긴 사용자 세션 및 더 많은 페이지뷰와도 관련이 있습니다.

그 결과 일부 웹사이트의 트래픽이 최대 23% 증가했습니다.

새로운 개인화 접근 방식은 청중 참여와 더 나은 전환율에 맞춰진 고객 경험을 제공했습니다.

결론

PEI Media와 함께 일하는 것은 제 경력 전반에 걸쳐 최고의 경험 중 하나였습니다. 제3자 보고서에 따르면 내 인상이 전적으로 주관적인 것은 아닙니다.

“개발 파트너와의 관계의 특성은 효과적인 협업 및 전달을 촉진하는 것으로 보입니다. 모범 사례에 가깝다고 볼 수 있습니다.”

그것은 어떤 기관도 자랑스럽게 읽을 수 있는 것입니다.

이 프로젝트를 성공적으로 만든 많은 요인이 있지만 WordPress와 WooCommerce가 수행한 주요 역할에 중점을 둘 것입니다.

• 속도 – 기성품 테마를 몇 시간 만에 순환할 수 있는 기능은 프로젝트 팀이 포트폴리오에 대한 비전을 공유했다는 확신을 주었습니다.
• 요구 사항 적합성 – WordPress는 웹의 30%를 지원하는 최상위 CMS이며 다른 전문가의 맞춤형 CMS 옵션과 일치하거나 능가하여 팀에 우리가 최고의 솔루션을 선택했다는 확신을 줍니다.
• 통합 – PEI 미디어 플랫폼은 가장 강력한 구성 요소를 사용하여 비즈니스를 위한 최적의 디지털 솔루션을 만듭니다. WordPress의 오픈 소스 커뮤니티는 많은 통합을 위해 기성 솔루션이 이미 존재했음을 의미합니다.
• 쉽게 사용자 정의 가능 – PEI Media는 이 플랫폼이 전략의 핵심 부분이 되기를 원했습니다. WordPress 및 WooCommerce는 비즈니스 우선 순위 및 가치 창출에 따라 기능을 유지, 제거, 교체 또는 보강할 수 있도록 함으로써 이러한 비전을 지원합니다.
• 가치 – 오픈 소스 소프트웨어 프로젝트인 WordPress의 연간 라이선스 비용이 0이라는 사실은 PEI Media가 비즈니스에 특정 가치를 추가하는 기능에 자본의 더 많은 부분을 투자할 수 있다는 것을 의미합니다.

Pragmatic은 민첩하고 개방적이며 신뢰할 수 있는 방식으로 PEI Media와 협력하여 양 당사자가 이러한 요소를 비즈니스 이점, 가치 및 성공에 활용할 수 있도록 하는 특권을 받았습니다. 각 성공이 비즈니스 내에서 어떻게 자신감과 참여를 구축했는지 보는 것은 고무적입니다.

– – – – – –

이 포스트는 WooConf 2017에서 있었던 강연을 요약한 것입니다.