เราเปลี่ยนแปลงเว็บไซต์และธุรกิจของ PEI Media ด้วย Agile, WordPress และ WooCommerce อย่างไร

ปีที่แล้ว Pragmatic ทำงานร่วมกับ PEI Media เพื่อนำเสนอการเปลี่ยนแปลงทางดิจิทัลสำหรับพอร์ตโฟลิโอเว็บไซต์ของพวกเขา และตลอดเส้นทางของธุรกิจของพวกเขา

เพื่อนร่วมงานของฉันที่ Pragmatic และฉันภูมิใจในผลลัพธ์มาก ซึ่งรวมถึงการเข้าชมที่เกิดขึ้นเองเพิ่มขึ้นถึง 40 เปอร์เซ็นต์ ดังนั้นเราจึงต้องการแบ่งปันสิ่งสำคัญบางอย่างที่เราได้เรียนรู้จากการทำงานของเรา ตั้งแต่การสังเกตในระดับสูงไปจนถึงข้อมูลเชิงลึกที่ลงมือปฏิบัติจริง

สื่อ PEI: จากหนี้ทางเทคนิคสู่ Agile

PEI Media เป็นกลุ่มสื่อทางการเงินระหว่างประเทศที่มีแบรนด์ต่างๆ กลุ่มได้แต่งตั้งประธานเจ้าหน้าที่ฝ่ายเทคโนโลยีคนใหม่ในฤดูใบไม้ร่วงปี 2016 และมอบหมายให้เขาทำการเปลี่ยนแปลงทางดิจิทัลของธุรกิจอย่างสมบูรณ์ พวกเขาต้องการสร้างแพลตฟอร์มเทคโนโลยีที่ทันสมัยและยืดหยุ่นซึ่งจะนำผลิตภัณฑ์ระดับพรีเมียมของบริษัทไปสู่การเติบโตอย่างมีนัยสำคัญ

นี่เป็นการเดินขบวนขึ้นเนิน เนื่องจากบริษัทมีภาระหนี้ทางเทคนิคอย่างร้ายแรง การเผยแพร่เนื้อหาใหม่หรือการเปลี่ยนแปลงใดๆ บนเว็บไซต์ แม้แต่การพิมพ์ผิดธรรมดา ก็จำเป็นต้องสร้างเว็บไซต์ใหม่ทั้งหมดภายในชั่วข้ามคืน — เห็นได้ชัดว่าเป็นสถานการณ์ที่ไม่ยั่งยืนในอุตสาหกรรมที่ความเร็วและความยืดหยุ่นเป็นสิ่งสำคัญ .

หากต้องการเปลี่ยนแปลงสิ่งใดในเว็บไซต์ … จำเป็นต้องสร้างเว็บไซต์ใหม่ทั้งหมดภายในชั่วข้ามคืน

PEI Media มีอัตราการเติบโตที่ดีต่อปี และต้องขอบคุณเงินทุนร่วมทุนรอบล่าสุดที่พวกเขาสามารถผลักดันการเติบโตของธุรกิจนั้นให้เร็วขึ้น เห็นได้ชัดว่ามีเพียงการเปลี่ยนแปลงที่สมบูรณ์ของสินทรัพย์ดิจิทัลของบริษัทเท่านั้นที่จะทำให้พวกเขาบรรลุเป้าหมายที่ทะเยอทะยานที่พวกเขาตั้งไว้สำหรับธุรกิจของพวกเขา

บทสรุปคือการพัฒนาเว็บไซต์แปดแห่งของบริษัทใหม่ เพื่อส่งมอบพอร์ตโฟลิโอผลิตภัณฑ์ผ่านอีคอมเมิร์ซแบบบริการตนเอง โดยนำเสนอเครื่องมือที่ดีที่สุดเท่าที่มี รวมถึงส่วนหน้าที่ได้รับการออกแบบมาอย่างสวยงาม

เพื่อตอบสนองความต้องการของ PEI Media ทีมงานของเราที่ Pragmatic จำเป็นต้องมีสถาปัตยกรรมที่เชื่อมต่อกันของส่วนประกอบที่มีประสิทธิภาพสูงซึ่งมีประสิทธิภาพการทำงานสูงและดำเนินการผ่านวิธีการที่คล่องตัว

ในการทำงานกับ PEI Media เราปฏิบัติตามกระบวนการอย่างขยันขันแข็ง ซึ่งรวมถึงการยึดมั่นในมาตรฐานที่ชัดเจนและสูง การรวบรวมเอกสารที่เข้มงวด และการตรวจสอบอย่างละเอียดก่อนตัดสินใจแก้ปัญหาที่เราจำเป็นต้องแก้ไข

เราได้ดำเนินการตามกระบวนการ RFP อย่างละเอียดกับพันธมิตร PEI Media ในอนาคตของเรา สำรวจแนวทาง ซอฟต์แวร์ และสถาปัตยกรรมที่จะทำงานได้ดีที่สุดสำหรับงานในมือ

เมื่อเราเข้ามาเพื่อดำเนินโครงการนี้อย่างเป็นทางการ เราก็เริ่มด้วยกระบวนการค้นพบ จากนั้นเราจึงสร้างงานในมือที่รวมข้อกำหนดของผู้มีส่วนได้ส่วนเสียที่แตกต่างกันทั้งหมด

ทำไมต้อง WordPress ทำไมต้อง WooCommerce?

นี่เป็นโครงการเผยแพร่ทางเว็บ ดังนั้น WordPress ซึ่งเป็นระบบจัดการเนื้อหาชั้นนำของเว็บจึงเหมาะสมอย่างยิ่ง ความพร้อมใช้งานของปลั๊กอินที่ทรงพลังมากมายและเวิร์กโฟลว์ด้านบรรณาธิการที่ยืดหยุ่นทำให้ WordPress โดดเด่นเมื่อเทียบกับแพลตฟอร์ม CMS ที่เป็นกรรมสิทธิ์ที่เราเคยพิจารณา .

ความยืดหยุ่นของ Visual Composer ซึ่งทำให้สามารถเปลี่ยนหน้าเว็บได้โดยไม่จำเป็นต้องได้รับการสนับสนุนจากนักพัฒนา เป็นสิ่งที่ดึงดูดใจอย่างแท้จริงสำหรับ PEI Media นอกจากนี้เรายังได้แสดงให้เห็นความสามารถของทีมในการทำซ้ำอย่างรวดเร็วผ่านธีมของบุคคลที่สามจำนวนหนึ่ง สร้างต้นแบบได้อย่างรวดเร็ว จนกว่าเราจะพบรูปแบบที่ตรงกับวิสัยทัศน์ของ PEI Media สำหรับเครือข่ายเว็บไซต์ของพวกเขา การแสดงให้ลูกค้าเห็นว่าไซต์มีหน้าตาเป็นอย่างไรทำให้พวกเขามั่นใจใน WordPress และในความสามารถของเราในการสร้างไซต์ที่พวกเขาต้องการ

WooCommerce มอบประสบการณ์การชำระเงินที่คล่องตัวให้กับ PEI Media กระบวนการเช็คเอาต์อีคอมเมิร์ซก่อนหน้านี้ของบริษัทมีขั้นตอนไม่น้อยกว่าเก้าขั้นตอน และด้วย WooCommerce เราสามารถลดจำนวนลงเหลือสองหรือสาม สิ่งนี้ทำให้งานของทีมขายง่ายขึ้น และเราคาดว่าจะสร้างอัตราการแปลงที่ดีขึ้นเช่นกัน

กระบวนการเช็คเอาต์อีคอมเมิร์ซก่อนหน้านี้ของบริษัทมีขั้นตอนไม่น้อยกว่าเก้าขั้นตอน และด้วย WooCommerce เราสามารถลดจำนวนลงเหลือสองหรือสาม

เนื่องจาก PEI Media ขายเนื้อหา และสมาชิกในทีมของพวกเขาคุ้นเคยกับการแก้ไขและผลิต การขยายการจัดการเนื้อหาไปยังคำอธิบายผลิตภัณฑ์และรูปภาพจึงไม่ใช่การก้าวกระโดดครั้งใหญ่

เช่นเดียวกับ WordPress WooCommerce เป็นโอเพ่นซอร์ส ดังนั้นเราจึงมีความยืดหยุ่นในการขยายและแก้ไขฟังก์ชันพื้นฐานได้ตามต้องการ ในโครงการระดับองค์กรนี้ ลูกค้าของเรากระจายอยู่ในหน่วยธุรกิจต่างๆ โดยแต่ละหน่วยดำเนินการบัญชีกำไรขาดทุนแยกจากกันและเป็นอิสระ และสร้างรายได้ของตนเอง ซึ่งหมายความว่าเราต้องพิจารณาเนื้อหาประเภทต่างๆ หลายประเภท ตั้งแต่ผลิตภัณฑ์ที่จับต้องได้ไปจนถึงการเข้าถึงเนื้อหาเสมือน ตั๋วงานกิจกรรม และอื่นๆ ไซต์เหล่านี้จำเป็นต้องจัดการการชำระเงินแบบครั้งเดียวและการสมัครสมาชิก ซึ่ง WooCommerce สามารถรองรับได้

จุดขายสุดท้ายสำหรับเราคือความสามารถในการขยายของ WooCommerce สามารถรวมเข้ากับแอพและซอฟต์แวร์อื่น ๆ ได้อย่างง่ายดาย และสามารถเชื่อมต่อได้สูง หมายความว่าไม่มีข้อจำกัดบนแพลตฟอร์มและบริการที่เราสามารถเชื่อมต่อไซต์ PEI Media

การออกแบบทางเทคนิคของ thisispei.com

เพื่อให้เป็นไปตามความสามารถบางอย่างที่ WordPress และ WooCommerce ไม่สามารถให้ได้ เช่น การจัดการการ ให้สิทธิ์ — ระบบอนุญาตที่ควบคุมเนื้อหาที่ถูกจำกัดที่ผู้ใช้สามารถหรือไม่เห็นตามเมทริกซ์ของเกณฑ์ — เราได้ดำเนินการอื่นๆ อีกจำนวนหนึ่ง การบูรณาการ

สำหรับการจัดการการเข้าถึงของผู้ใช้ประเภทต่างๆ — ผู้ใช้ที่ไม่ระบุชื่อ ผู้ใช้ฟรีที่ลงทะเบียน และผู้ใช้ที่จ่ายเนื้อหาระดับพรีเมียม — เราจำเป็นต้องสร้าง PEI Media ซึ่งเป็นโซลูชันที่ซับซ้อนซึ่งสามารถจัดการการจัดการการให้สิทธิ์ได้ กุญแจสู่ธุรกิจของพวกเขาคือการเพิ่มอัตราการแปลงสูงสุด กระตุ้นให้ผู้ใช้จ่ายเงิน และเราระบุแพลตฟอร์มระบบคลาวด์หลายแพลตฟอร์มที่มีฟังก์ชันนี้อยู่แล้ว

สถาปัตยกรรมทางเทคนิคที่เราสร้างขึ้นประกอบด้วย WordPress เป็น CMS และส่วนหน้า และ WooCommerce สำหรับอีคอมเมิร์ซ จากนั้นเราได้เพิ่ม Blaize ซึ่งเป็นแพลตฟอร์มการจัดการข้อมูลประจำตัวและการเข้าถึง เราวางพร็อกซีเซิร์ฟเวอร์ไว้หน้า WordPress เพื่อจัดการการจัดการข้อมูลประจำตัว รวมถึงการลงทะเบียน การลงชื่อเข้าใช้ และการจัดการบัญชีผู้ใช้ ขึ้นอยู่กับสิ่งที่ผู้เยี่ยมชมกำลังเข้าถึงและสิทธิ์ในการให้สิทธิ์ พร็อกซีเซิร์ฟเวอร์จะสร้างเนื้อหาที่เกี่ยวข้องแบบไดนามิก

เราเลือกใช้การตรวจสอบสิทธิ์แบบไม่ใช้รหัสผ่านและยังใช้ประโยชน์จากความสามารถของ Blaize ในการสร้างหน้าแรกของเนื้อหาฟรีสำหรับคำขอหน้าขาเข้าที่มาจากเครื่องมือค้นหาบางรายการ การเข้าถึงที่เรียกว่า "คลิกแรกฟรี" นี้ช่วยให้หน้าต่างๆ ได้รับการจัดทำดัชนีโดยเครื่องมือค้นหาและช่วยให้เว็บไซต์มีอันดับที่ดีขึ้นในผลการค้นหา

PEI Media ดำเนินการแพลตฟอร์มการวิจัยและวิเคราะห์ข้อมูลที่สมบูรณ์ ซึ่งทีมใช้เพื่อแจ้งนักวิเคราะห์เกี่ยวกับตลาดที่บริษัทครอบคลุม เพื่อให้สามารถเข้าถึงข้อมูลนี้บนเว็บไซต์ที่ปรับปรุงใหม่ เราได้ใส่ข้อมูลนั้นผ่าน Elasticsearch และสร้างส่วนหน้าของ React เพื่อแสดงข้อมูลนั้น เราจัดการเพื่อปรับปรุงการแสดงเนื้อหาด้านบรรณาธิการควบคู่ไปกับกราฟิกที่ขับเคลื่อนด้วยข้อมูล

Blaize ยังเชื่อมต่อกับ CRM ของบริษัทเพื่อจัดการการให้สิทธิ์สำหรับ WordPress เมื่อผู้ใช้ชำระเงินผ่าน WooCommerce เพื่อซื้อสิทธิ์ Blaize จะอัปเดต CRM ทันที ทำให้ผู้ใช้เข้าถึงเนื้อหาพรีเมียมได้อย่างรวดเร็ว

เพื่อปรับปรุงการขายผ่านระบบอัตโนมัติทางการตลาด เราได้รวม Google Tag Manager ซึ่งส่งข้อมูลกลับไปยัง Google Analytics และจากที่นั่นไปยังแพลตฟอร์มข่าวกรองธุรกิจของบริษัท สิ่งนี้ทำให้สามารถปรับปรุงการได้มาซึ่งลูกค้าและการรักษาลูกค้าได้อย่างต่อเนื่อง

สถาปัตยกรรมที่เราสร้างประสบการณ์ลูกค้าที่เป็นส่วนตัว ซึ่งจะกระตุ้นการมีส่วนร่วมของผู้ชม การเข้าชมซ้ำ เวลาที่ใช้บนไซต์ และจำนวนหน้าที่ดู เนื่องจากรูปแบบธุรกิจของ PEI Media มุ่งเน้นไปที่ผลิตภัณฑ์ระดับพรีเมียม ยิ่งผู้ใช้ดูหน้าเว็บมากเท่าไร พวกเขาก็ยิ่งเข้าใกล้ขีดจำกัดมากขึ้นเท่านั้น ซึ่งหมายความว่าพวกเขาจะต้องอัปเกรดเพื่อเข้าถึงเนื้อหานั้น

การออกแบบการปฏิบัติงาน: การค้นพบและการสอบเทียบ

นี่เป็นโปรเจ็กต์ขนาดใหญ่ที่มีฟีเจอร์และซอฟต์แวร์ต่างๆ มากมายเพื่อสร้างและเชื่อมต่อเข้าด้วยกัน เราได้อะไรจากการเริ่มต้นยืนเป็นโปรแกรมเต็มความเร็ว? การเปลี่ยนแปลงนี้เรียกร้องให้มีสามขั้นตอน

ขั้นตอนการค้นพบ มาก่อน ระยะเวลาหนึ่งเดือนนี้เป็นการทำให้แน่ใจว่าทีมงานโครงการทั้งหมดมีความสอดคล้องกับวิสัยทัศน์และข้อกำหนดเฉพาะ เราใช้การประชุมเชิงปฏิบัติการและการประชุมกับ PEI Media และพันธมิตรด้านเทคโนโลยีอื่นๆ เพื่อช่วยกรอกเอกสารโครงการเบื้องต้น เราระมัดระวังในการหลีกเลี่ยงการพูดคุยทางเทคนิคหรือดิจิทัล เว้นแต่จำเป็นจริงๆ เราต้องการให้การสื่อสารของเรามีส่วนร่วมและสร้างการสนทนาที่ดี นอกจากนี้เรายังได้ทำการสร้างต้นแบบและการสำรวจทางเทคนิคเพื่อลดความเสี่ยงทางเทคนิคเมื่อเริ่มต้นการพัฒนา ในระหว่างระยะนี้ เรายังตกลงที่จะใช้แนวทางแบบ Agile โดยแต่ละทีมจะวิ่งเป็นเวลาสองสัปดาห์

ขั้นต่อไปคือ ขั้นตอนการสอบเทียบ ซึ่งให้เวลาเราหกสัปดาห์ (วิ่งสามครั้ง) เพื่อเริ่มโครงการ ระยะนี้ทำให้เราประเมินปริมาณงานที่เราสามารถทำได้ในการวิ่งแต่ละครั้ง และให้แนวคิดที่ดีเกี่ยวกับวันที่ส่งมอบเทียบกับเหตุการณ์สำคัญ

หลังจากการปรับเทียบ เราได้ย้ายไปสู่สถานะสุดท้ายของ การส่งทีม scrum ที่กำลังทำงานอยู่อย่างราบรื่น การประชุมที่เป็นส่วนสำคัญของกระบวนการต่อสู้หมายความว่าเรากำลังพูดคุยและทบทวนความคืบหน้ากับพันธมิตร PEI Media ของเราอย่างต่อเนื่อง สิ่งนี้ช่วยให้เราสร้างความสัมพันธ์เชิงบวกและไว้วางใจได้

การสอบถาม การคลิก และการเข้าชมเพิ่มขึ้น

ด้วยการเข้าถึงแบบไม่ใช้รหัสผ่าน จำนวนการสมัครรับข้อมูลทั่วทั้งกลุ่มจึงเพิ่มขึ้นอย่างมาก เว็บไซต์โหลดเร็วขึ้นและผู้เยี่ยมชมคลิกบทความเพิ่มเติม ด้วยเหตุนี้ บางเว็บไซต์จึงมีการเข้าชมเพิ่มขึ้นถึง 23% ซึ่งสัมพันธ์กับการเข้าชมที่มากขึ้น เซสชันผู้ใช้ที่นานขึ้น และการดูหน้าเว็บที่มากขึ้น

ด้วยเหตุนี้ บางเว็บไซต์จึงมีการเข้าชมเพิ่มขึ้นถึง 23%

แนวทางการปรับเปลี่ยนในแบบของคุณใหม่ได้มอบประสบการณ์ของลูกค้าที่มุ่งสู่การมีส่วนร่วมของผู้ชมและอัตรา Conversion ที่ดีขึ้น

บทสรุป

การทำงานกับ PEI Media เป็นหนึ่งในประสบการณ์ที่ดีที่สุดที่ฉันเคยมีมาตลอดชีวิตการทำงาน รายงานของบุคคลที่สามแนะนำว่าความประทับใจของฉันไม่ได้เป็นเพียงอัตนัยทั้งหมด:

“ลักษณะของความสัมพันธ์กับพันธมิตรด้านการพัฒนาดูเหมือนจะเป็นสิ่งที่ส่งเสริมความร่วมมือและการส่งมอบที่มีประสิทธิภาพ ถือได้ว่าใกล้เคียงกับแนวปฏิบัติที่ดีที่สุด”

นั่นคือสิ่งที่หน่วยงานใด ๆ สามารถภาคภูมิใจในการอ่าน

มีหลายปัจจัยที่ทำให้โครงการนี้ประสบความสำเร็จ แต่ฉันจะเน้นที่บทบาทหลักที่ WordPress และ WooCommerce เล่น:

• ความเร็ว – ความสามารถในการหมุนเวียนผ่านธีมนอกชั้นวางในไม่กี่ชั่วโมงทำให้ทีมงานโครงการมีความมั่นใจว่าเราได้แบ่งปันวิสัยทัศน์สำหรับพอร์ตโฟลิโอ
• ความต้องการที่เหมาะสม – WordPress เป็น CMS ระดับบนสุด — ขับเคลื่อน 30 เปอร์เซ็นต์ของเว็บ — และจับคู่หรือเอาชนะผู้เชี่ยวชาญคนอื่น ๆ ตัวเลือก CMS ที่ออกแบบมาโดยเฉพาะ ทำให้ทีมมั่นใจว่าเรากำลังเลือกโซลูชันที่ดีที่สุด
• การบูรณาการ – แพลตฟอร์ม PEI Media ใช้ส่วนประกอบที่ทรงพลังที่สุดที่ถักทอเข้าด้วยกันเพื่อสร้างโซลูชันดิจิทัลที่เหมาะสมที่สุดสำหรับธุรกิจ ชุมชนโอเพ่นซอร์สของ WordPress หมายความว่าสำหรับการผสานรวมหลายๆ อย่าง โซลูชันแบบออฟไลน์มีอยู่แล้ว
• ปรับแต่งได้ง่าย – PEI Media ตัดสินใจว่าพวกเขาต้องการให้แพลตฟอร์มนี้เป็นส่วนสำคัญของกลยุทธ์ของพวกเขา WordPress และ WooCommerce สนับสนุนวิสัยทัศน์ดังกล่าวโดยทำให้ธุรกิจสามารถเก็บ ลบ แทนที่ หรือเพิ่มคุณสมบัติให้สอดคล้องกับลำดับความสำคัญทางธุรกิจและการสร้างมูลค่า
• ความ คุ้มค่า – ความจริงที่ว่า WordPress ซึ่งเป็นโครงการซอฟต์แวร์โอเพ่นซอร์สนั้นมีค่าธรรมเนียมใบอนุญาตรายปีเป็นศูนย์ หมายความว่า PEI Media สามารถลงทุนสัดส่วนที่มากขึ้นของเงินทุนในคุณสมบัติและฟังก์ชันที่เพิ่มมูลค่าเฉพาะให้กับธุรกิจของพวกเขา

Pragmatic ได้รับสิทธิพิเศษในการทำงานร่วมกับ PEI Media ในรูปแบบที่คล่องตัว เปิดกว้าง และไว้วางใจได้ ซึ่งอนุญาตให้ทั้งสองฝ่ายใช้ประโยชน์จากปัจจัยเหล่านี้ให้เกิดประโยชน์ มูลค่า และความสำเร็จทางธุรกิจ การได้เห็นความสำเร็จแต่ละครั้งสร้างความมั่นใจและการมีส่วนร่วมภายในธุรกิจเป็นแรงบันดาลใจ

– – – – – – –

โพสต์นี้เป็นบทสรุปของการพูดคุยที่ WooConf 2017