ภาพรวม / Applied Example
● APPLIED EXAMPLE — WEBSITE

ตัวอย่างเว็บไซต์
เมื่อนำแบรนด์ใหม่ไปใช้จริง

เทียบหน้า Home ของ supk.com ปัจจุบัน กับตัวอย่าง Mockup ที่ปรับตามหลักการในหน้า Visual Guideline — ดูภาพรวมเท่านั้น ยังไม่ใช่ดีไซน์สมบูรณ์ที่พร้อมขึ้นเว็บจริง

ก่อนปรับ

เว็บไซต์ supk.com ในปัจจุบัน

หน้า Home ปัจจุบันเน้นแบนเนอร์ส่วนลดเป็นจุดโฟกัสหลัก ใช้สีเหลือง-แดงจัดจ้านแบบแคมเปญอีคอมเมิร์ซ ซึ่งตรงข้ามกับหลักการที่วางไว้ในหน้า Visual Guideline

📷 ภาพจริงจาก supk.com — ดึงสดจากเว็บปัจจุบัน ไม่ได้จำลอง
supk.com
แบนเนอร์หน้าแรกปัจจุบันของ supk.com
✕ ปัญหาที่พบ
  • โปรโมชั่นส่วนลดเป็นจุดโฟกัสแรกที่ผู้ปกครองเห็น แทนที่จะเป็นตัวครูหรือผลลัพธ์นักเรียน
  • โทนสีเหลือง-แดงจัดจ้าน ใกล้เคียงแคมเปญอีคอมเมิร์ซมากกว่าแบรนด์การศึกษา
  • ไม่มีข้อความ Positioning หรือ Brand Promise ปรากฏในหน้าแรกเลย
  • หน้าตาใกล้เคียงสถาบันกวดวิชาทั่วไป จนตัวตน "ครู" หายไป
✓ สิ่งที่ยังเก็บไว้ได้
  • โครงสร้างเมนูหลักครบถ้วน (คอร์สเรียน, เด็กเก่ง SupK, ความประทับใจ ฯลฯ)
  • มีรูปครูซุปเคอยู่แล้วในหน้าแรก — ใช้ต่อได้ เพียงเปลี่ยนบริบทภาพ
  • มีระบบค้นหาคอร์สที่ผู้ปกครองใช้งานอยู่แล้ว
หลังปรับ

Mockup หน้า Home เวอร์ชันปรับตามแบรนด์ใหม่

ใช้ Positioning "เลขไม่ยาก เพราะทุกเรื่องมีวิธีเข้าใจ" ขึ้นนำแทนส่วนลด ใช้เนวี่-เหลืองตามชุดสีแบรนด์ และดึงคำพูดสำหรับผู้ปกครองจาก Messaging Framework มาวางเป็น subtext

supk.com
จองเรียนทดลอง
ครูซุปเค📷 รูปถ่ายใหม่ ไม่มีกราฟิกทับ
● ครูผู้เปลี่ยนความกลัวคณิตศาสตร์

เลขไม่ยาก
เพราะทุกเรื่องมีวิธีเข้าใจ

เราไม่ได้สอนให้ลูกสอบติดอย่างเดียว แต่สร้างพื้นฐานที่จะอยู่กับลูกไปตลอดชีวิต

จองเรียนทดลองฟรี ดูคอร์สเรียนทั้งหมด
อดีตตัวแทนโอลิมปิกIMO ประเทศไทย
นักเรียนนับพันคนสอบติดเป้าหมาย
เข้าใจสนุกรักทำได้ดีอนาคตเปลี่ยน
STUDENT SUCCESS

เรื่องราวลูกศิษย์

น้องณฐกร คุ้มมั่น

"ที่ 1 สอบเข้า ม.4 เตรียมอุดมศึกษา สาย วิทย์-คณิต"

— น้องณฐกร คุ้มมั่น, รร.เตรียมอุดมศึกษา
LEARN BETTER · EDUCATION INSIGHT

บทความแนะนำการติวคณิต

เทคนิคแก้โจทย์แบบเข้าใจLearn Better
เตรียมสอบเข้า ม.4 อย่างไรดีEducation Insight
ผู้ปกครองควรสนับสนุนลูกยังไงParent Guide
สิ่งที่เปลี่ยน

Hero เปลี่ยนจากส่วนลดเป็น Positioning + Messaging สำหรับผู้ปกครอง ใช้พื้นหลังเนวี่แทนเหลือง-แดงจัดจ้าน

สิ่งที่เพิ่ม

"สมการแห่งความมั่นใจ" เป็นแถบกราฟิกลายเซ็นแบรนด์ และการ์ดลูกศิษย์/บทความตาม Content Pillars

สิ่งที่ตัดออก

แบนเนอร์โปรโมชั่นจัดจ้าน และ badge พันธมิตรที่ไม่เกี่ยวกับตัวตนครู เพื่อให้ตัวตน "ครู" เป็นจุดโฟกัสหลัก

ต่อไป

ตัวอย่างคอนเทนต์ — โพสต์จริงต่อ Pillar

ไปหน้าถัดไป →