Bagaimana Kami Mengubah Situs Web PEI Media – dan Bisnis – dengan Agile, WordPress, dan WooCommerce

Tahun lalu Pragmatic bekerja dengan PEI Media untuk memberikan transformasi digital dari portofolio situs web mereka — dan, di sepanjang jalan, bisnis mereka.

Rekan-rekan saya di Pragmatic dan saya sangat bangga dengan hasilnya — termasuk peningkatan lalu lintas organik hingga 40 persen — jadi kami ingin membagikan beberapa hal utama yang kami pelajari dari pekerjaan kami, mulai dari pengamatan tingkat tinggi hingga wawasan langsung.

PEI Media: dari Technical Debt ke Agile

PEI Media adalah grup media keuangan internasional dengan portofolio merek. Grup tersebut membawa Chief Technology Officer baru pada Musim Gugur 2016 dan menugaskannya untuk melakukan transformasi digital lengkap dari bisnis tersebut. Mereka ingin menciptakan platform teknologi modern dan fleksibel yang akan memimpin produk-produk premium perusahaan untuk memberikan pertumbuhan yang signifikan.

Ini adalah perjalanan yang menanjak, karena perusahaan dibebani dengan utang teknis yang berat. Memublikasikan konten baru atau mengubah apa pun di situs web, bahkan kesalahan ketik sederhana, memerlukan pembangunan kembali seluruh situs web dalam semalam — jelas merupakan keadaan yang tidak berkelanjutan dalam industri di mana kecepatan dan fleksibilitas sangat penting. .

Untuk mengubah apa pun di situs web ... diperlukan membangun kembali seluruh situs web dalam semalam.

PEI Media memiliki tingkat pertumbuhan tahunan yang baik. Dan berkat putaran pendanaan modal ventura baru-baru ini, mereka sekarang dapat mendorong pertumbuhan bisnis itu lebih cepat. Namun, jelas bahwa hanya transformasi lengkap dari aset digital perusahaan yang akan memungkinkan mereka mencapai tujuan ambisius yang telah mereka tetapkan untuk bisnis mereka.

Laporan singkatnya adalah untuk mengembangkan kembali delapan situs web perusahaan untuk mengirimkan portofolio produknya melalui eCommerce swalayan, menawarkan alat terbaik yang tersedia serta front-end yang dirancang menarik.

Untuk memenuhi kebutuhan PEI Media, tim kami di Pragmatic membutuhkan arsitektur terhubung dari komponen yang kuat dan berkinerja tinggi, yang diimplementasikan melalui metodologi yang gesit.

Dalam bekerja sama dengan PEI Media, kami dengan tekun mengikuti proses yang semestinya. Ini termasuk mematuhi standar yang jelas — dan tinggi —, menggabungkan dokumentasi yang ketat, dan melakukan tinjauan terperinci sebelum memutuskan solusi untuk masalah yang perlu kami tangani.

Kami melakukan proses RFP menyeluruh dengan mitra PEI Media masa depan kami, mengeksplorasi pendekatan, perangkat lunak, dan arsitektur apa yang paling sesuai untuk tugas yang ada.

Setelah kami secara resmi bergabung untuk melaksanakan proyek ini, kami mulai dengan proses penemuan. Kami kemudian membuat backlog produk yang menggabungkan semua persyaratan pemangku kepentingan yang berbeda.

Mengapa WordPress, mengapa WooCommerce?

Ini adalah proyek penerbitan web, jadi WordPress, sistem manajemen konten web terkemuka, sangat cocok. Ketersediaan berbagai plugin yang kuat dan alur kerja editorial yang fleksibel membuat WordPress menonjol dibandingkan dengan platform CMS berpemilik yang kami pertimbangkan .

Fleksibilitas Visual Composer, yang memungkinkan untuk mengubah halaman web tanpa memerlukan dukungan pengembang, merupakan daya tarik nyata bagi PEI Media. Kami juga menunjukkan kemampuan tim kami untuk beralih dengan cepat melalui sejumlah tema pihak ketiga, dengan cepat menghasilkan prototipe hingga kami dapat menemukan satu yang cocok dengan visi PEI Media untuk jaringan situs web mereka. Menunjukkan kepada klien kami seperti apa tampilan situs itu memberi mereka kepercayaan diri pada WordPress — dan pada kemampuan kami untuk membangun situs yang mereka inginkan.

WooCommerce memberi PEI Media pengalaman checkout yang efisien. Proses checkout eCommerce perusahaan sebelumnya mencakup tidak kurang dari sembilan langkah, dan dengan WooCommerce kami dapat menurunkan jumlahnya menjadi dua atau tiga. Ini membuat pekerjaan tim penjualan menjadi lebih mudah, dan kami berharap ini akan menghasilkan tingkat konversi yang lebih baik juga.

Proses checkout eCommerce perusahaan sebelumnya mencakup tidak kurang dari sembilan langkah, dan dengan WooCommerce kami dapat menurunkan jumlahnya menjadi dua atau tiga

Karena PEI Media menjual konten, dan anggota tim mereka terbiasa mengedit dan memproduksinya, memperluas pengelolaan konten ke deskripsi dan gambar produk bukanlah lompatan besar.

Seperti WordPress, WooCommerce adalah open source, sehingga memberi kami fleksibilitas untuk memperluas dan mengedit fungsionalitas dasar sesuai kebutuhan. Dalam proyek tingkat perusahaan ini, klien kami tersebar di beberapa unit bisnis, masing-masing menjalankan akun Laba Rugi yang terpisah dan independen dan menghasilkan pendapatan mereka sendiri. Ini berarti kami harus memperhitungkan beberapa jenis konten yang berbeda, mulai dari produk fisik hingga akses konten virtual, tiket acara, dan lainnya. Situs-situs ini juga perlu menangani pembayaran satu kali serta langganan, sesuatu yang dapat didukung oleh WooCommerce.

Nilai jual terakhir bagi kami adalah kemampuan ekstensi WooCommerce yang dapat dengan mudah diintegrasikan dengan aplikasi dan perangkat lunak lain, dan sangat dapat dihubungkan, artinya tidak ada batasan pada platform dan layanan tempat kami dapat menghubungkan situs Media PEI..

Desain Teknis thisispei.com

Untuk memenuhi beberapa kemampuan yang tidak dapat disediakan oleh WordPress dan WooCommerce, seperti manajemen hak — sistem izin yang mengontrol konten terbatas yang dapat atau tidak dapat dilihat oleh pengguna menurut matriks kriteria — kami menerapkan sejumlah lainnya integrasi.

Untuk mengelola akses di berbagai jenis pengguna — pengguna anonim, pengguna gratis terdaftar, dan pengguna yang membayar konten premium — kami perlu membangun PEI Media solusi canggih yang dapat menangani manajemen hak. Kunci bisnis mereka adalah memaksimalkan tingkat konversi, mendorong pengguna untuk membayar, dan kami mengidentifikasi beberapa platform cloud yang sudah menawarkan fungsi ini.

Arsitektur teknis yang kami bangun terdiri dari WordPress sebagai CMS dan ujung depan serta WooCommerce untuk eCommerce. Kami kemudian menambahkan Blaize, platform manajemen identitas dan akses. Kami menempatkan server proxy di depan WordPress untuk menangani manajemen identitas, termasuk pendaftaran, masuk, dan manajemen akun pengguna. Bergantung pada apa yang diakses pengunjung dan hak kepemilikan mereka, server proxy secara dinamis menghasilkan konten yang relevan.

Kami memilih otentikasi tanpa kata sandi dan juga memanfaatkan kemampuan Blaize untuk menghasilkan halaman pertama konten gratis untuk permintaan halaman masuk yang berasal dari mesin pencari tertentu. Apa yang disebut akses "klik pertama gratis" ini memungkinkan halaman diindeks oleh mesin pencari dan membantu peringkat situs web lebih baik dalam hasil pencarian.

PEI Media menjalankan platform penelitian dan analisis data yang kaya, yang digunakan tim untuk memberi tahu analisnya tentang pasar yang dicakup perusahaan. Untuk mengizinkan akses ke data ini di situs web yang diubah, kami memasukkannya melalui Elasticsearch dan membangun front-end React untuk menampilkannya. Kami berhasil merampingkan tampilan konten editorial bersama grafik berbasis data.

Blaize juga terhubung ke CRM perusahaan untuk mengelola hak untuk WordPress. Setelah pengguna memeriksa melalui WooCommerce setelah membeli hak, Blaize segera memperbarui CRM, memberi pengguna akses cepat ke konten premium.

Untuk meningkatkan penjualan melalui otomatisasi pemasaran, kami mengintegrasikan Google Pengelola Tag, yang meneruskan data kembali ke Google Analytics dan dari sana ke platform intelijen bisnis perusahaan. Hal ini memungkinkan perbaikan terus-menerus untuk akuisisi dan retensi pelanggan.

Arsitektur yang kami bangun menciptakan pengalaman pelanggan yang dipersonalisasi, yang pada gilirannya mendorong keterlibatan audiens, kunjungan berulang, waktu yang dihabiskan di situs, dan jumlah halaman yang dilihat. Karena model bisnis PEI Media berfokus pada produk premium, semakin banyak halaman yang dilihat pengguna, semakin dekat mereka mencapai batas, yang berarti mereka perlu meningkatkan versi untuk mengakses konten tersebut.

Desain Operasional: Penemuan dan Kalibrasi

Ini adalah proyek besar, dengan sejumlah fitur dan perangkat lunak yang berbeda untuk dibangun dan dihubungkan bersama. Bagaimana kita bisa dari awal berdiri untuk program kecepatan penuh? Transisi membutuhkan tiga fase.

Fase penemuan datang lebih dulu. Periode satu bulan ini adalah tentang memastikan bahwa seluruh tim proyek selaras dengan visi dan persyaratan khusus. Kami menggunakan lokakarya dan pertemuan dengan PEI Media dan mitra teknologi lainnya untuk membantu menyelesaikan dokumentasi proyek awal. Kami berhati-hati untuk menghindari pembicaraan teknis atau digital kecuali benar-benar diperlukan: kami ingin komunikasi kami menarik dan menghasilkan percakapan yang sehat. Kami juga melakukan beberapa prototyping dan eksplorasi teknis untuk meminimalkan risiko teknis setelah pengembangan dimulai. Selama fase ini, kami juga sepakat untuk menggunakan pendekatan Agile, dengan tim menjalankan sprint masing-masing selama dua minggu.

Berikutnya adalah fase kalibrasi , yang memberi kami waktu enam minggu (tiga sprint) untuk memulai proyek. Fase ini memberi kami kemampuan untuk menilai jumlah pekerjaan yang bisa kami capai di setiap sprint dan memberi kami ide bagus tentang tanggal pengiriman terhadap tonggak penting.

Setelah kalibrasi, kami bergerak dengan mulus ke status akhir pengiriman tim scrum yang berjalan secara aktif . Pertemuan yang merupakan bagian penting dari proses scrum berarti bahwa kami terus-menerus mendiskusikan dan meninjau kemajuan dengan mitra Media PEI kami. Ini membantu kami mengembangkan hubungan yang positif dan berdasarkan kepercayaan.

Peningkatan pertanyaan, klik, dan lalu lintas

Berkat akses tanpa kata sandi, jumlah pertanyaan berlangganan di seluruh grup telah meningkat secara signifikan. Situs web memuat lebih cepat dan pengunjung mengklik lebih banyak artikel. Akibatnya, beberapa situs web mengalami peningkatan lalu lintas hingga 23%, yang juga berkorelasi dengan lebih banyak kunjungan, sesi pengguna yang lebih lama, dan lebih banyak tampilan halaman.

Akibatnya, beberapa situs web mengalami peningkatan lalu lintas hingga 23%.

Pendekatan personalisasi baru telah memberikan pengalaman pelanggan yang diarahkan pada keterlibatan audiens dan tingkat konversi yang lebih baik.

Kesimpulan

Bekerja dengan PEI Media telah menjadi salah satu pengalaman terbaik yang saya miliki sepanjang karir saya. Laporan pihak ketiga menyarankan kesan saya tidak sepenuhnya subjektif:

“Sifat hubungan dengan mitra pembangunan tampaknya akan mendorong kolaborasi dan penyampaian yang efektif. Itu bisa dianggap dekat dengan praktik terbaik.”

Itu adalah sesuatu yang bisa dibanggakan oleh agensi mana pun.

Ada banyak faktor yang membuat proyek ini begitu sukses, tetapi saya akan fokus pada peran kunci yang dimainkan WordPress dan WooCommerce:

• Kecepatan – kemampuan untuk menelusuri tema-tema yang tersedia dalam hitungan jam memberikan kepercayaan diri kepada tim proyek bahwa kami memiliki visi yang sama untuk portofolio.
• Persyaratan yang sesuai – WordPress adalah CMS tingkat atas — memberi daya pada 30 persen web — dan menandingi atau mengalahkan spesialis lain, opsi CMS yang dipesan lebih dahulu, memberikan kepercayaan kepada tim bahwa kami telah memilih solusi terbaik.
• Integrasi – platform PEI Media menggunakan komponen paling kuat yang disatukan untuk menciptakan solusi digital optimal untuk bisnis. Komunitas sumber terbuka WordPress berarti bahwa untuk banyak integrasi, solusi siap pakai sudah ada.
• Mudah disesuaikan – PEI Media memutuskan bahwa mereka ingin platform ini menjadi bagian inti dari strategi mereka. WordPress dan WooCommerce mendukung visi tersebut dengan memungkinkan bisnis untuk mempertahankan, menghapus, mengganti, atau menambah fitur sesuai dengan prioritas bisnis dan penciptaan nilai.
• Nilai – fakta bahwa WordPress, sebuah proyek perangkat lunak open source, hadir dengan biaya lisensi tahunan nol berarti bahwa PEI Media telah mampu menginvestasikan sebagian besar modal mereka ke dalam fitur dan fungsi yang menambah nilai spesifik untuk bisnis mereka.

Pragmatic mendapat hak istimewa untuk bekerja dengan PEI Media dengan cara yang gesit, terbuka, dan saling percaya yang memungkinkan kedua belah pihak untuk memanfaatkan faktor-faktor ini menjadi keuntungan, nilai, dan kesuksesan bisnis. Sangat menginspirasi untuk melihat bagaimana setiap kesuksesan membangun kepercayaan dan keterlibatan dalam bisnis.

– – – – – –

Postingan ini adalah rekap dari talkshow yang diberikan di WooConf 2017.