ภาพรวมโปรเจกต์
KTC FOREVER Rewards Page เป็นหน้ารวบรวมข้อมูลเกี่ยวกับการสะสมและการใช้คะแนนบัตรเครดิต KTC ตั้งแต่การแลกรับส่วนลด เครดิตเงินคืน การโอนคะแนนไปยังพันธมิตรและสายการบิน ไปจนถึงโปรโมชั่นและขั้นตอนการแลกคะแนนผ่าน KTC Mobile
ผมรับผิดชอบการพัฒนา Front-end สำหรับเว็บไซต์ KTC เวอร์ชันเดิมบนระบบ Magento โดยนำดีไซน์ที่ได้รับจากทีมออกแบบมาพัฒนาเป็นหน้าเว็บที่ใช้งานได้จริง รองรับ Responsive Design และการแสดงผลบนอุปกรณ์หลายขนาด
ขอบเขตงาน
รับผิดชอบการพัฒนาโครงสร้างและส่วนแสดงผลของหน้าเว็บด้วย HTML, CSS และ JavaScript รวมถึงการจัดวาง Banner, Content Section, Promotion Card, Tab, Slider และ Accordion ให้ทำงานตามดีไซน์ที่ได้รับ
ปรับรูปแบบการแสดงผลสำหรับ Desktop, Tablet และ Mobile พร้อมตรวจสอบความถูกต้องของ Layout, Spacing, Typography และ Interactive Components ก่อนนำขึ้นใช้งานบนเว็บไซต์
ความท้าทาย
ความท้าทายของโปรเจกต์นี้คือการจัดการหน้าเว็บที่มีเนื้อหาจำนวนมากและประกอบด้วย Component หลายรูปแบบ แต่ละส่วนมีทั้งภาพ Banner, รายการโปรโมชั่น, Tab, Slider และคำถามที่พบบ่อย จึงต้องพัฒนาโครงสร้างให้ยืดหยุ่นและรองรับเนื้อหาที่แตกต่างกันในแต่ละ Section
นอกจากนี้ยังต้องปรับ Layout และ Interaction ให้เหมาะกับหน้าจอหลายขนาด โดยยังคงรายละเอียดและลำดับเนื้อหาตามดีไซน์ที่ได้รับ
ผลลัพธ์
หน้าเว็บได้รับการพัฒนาให้รองรับเนื้อหาเกี่ยวกับ KTC FOREVER ภายในหน้าเดียว พร้อมการแสดงผลที่เหมาะสมทั้งบน Desktop และ Mobile และมี Interactive Components ที่ช่วยให้ผู้ใช้งานเข้าถึงข้อมูลแต่ละประเภทได้สะดวก
ภายหลังเว็บไซต์ KTC มีการย้าย CMS และพัฒนาหน้าเว็บขึ้นใหม่ Implementation ปัจจุบันจึงไม่ใช่โค้ดชุดเดียวกับผลงานที่นำเสนอใน Case Study นี้
