พัฒนาเว็บไซต์ภาษาอังกฤษใหม่ให้ Naya Residence บน WordPress เดิม

ทำดีไซน์ใหม่ให้ทำงานร่วมกับระบบเดิม

Naya Residence มีเว็บไซต์ WordPress ที่ใช้งานอยู่แล้ว งานนี้จึงต้องพัฒนาหน้าภาษาอังกฤษตามดีไซน์ใหม่ของลูกค้าให้ทำงานร่วมกับระบบที่มีอยู่

ผมเลือกสร้างปลั๊กอินสำหรับหน้าภาษาอังกฤษโดยเฉพาะ เพื่อกำหนดรูปแบบการแสดงผลได้ตามแบบ โดยแยกออกจากเทมเพลตที่หน้าภาษาไทยใช้อยู่

จากดีไซน์สู่เว็บไซต์ที่ใช้งานได้

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

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

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

ให้ลูกค้าเห็นหน้าจริงก่อนเปิดใช้งาน

ปลั๊กอินแบ่งเป็น 2 เวอร์ชันสำหรับใช้ต่างขั้นตอนกัน ได้แก่ Preview สำหรับให้ลูกค้าเข้าดู ตรวจสอบ และแจ้งรายการแก้ไขระหว่างพัฒนา และ Live สำหรับเว็บไซต์ที่เปิดให้ผู้เข้าชม หลังจากลูกค้าอนุมัติงานแล้ว

ผมใช้ Google Sheets รวบรวมรายการที่ลูกค้าต้องการเพิ่มหรือแก้ไข พร้อมสถานะของแต่ละรายการ เพื่อให้ทั้งสองฝ่ายเห็นความคืบหน้าตรงกันและติดตามงานได้จากที่เดียว

ตรวจการแสดงผลและประสิทธิภาพ

นอกจากตรวจรายละเอียดของหน้าเว็บทั้งบนมือถือและเดสก์ท็อปแล้ว ผมยังตรวจประสิทธิภาพด้วย PageSpeed Insights ภาพด้านล่างแสดงผลการตรวจของหน้าเว็บ ณ เวลาที่บันทึกภาพ