NIST International School

Project VR360 + Drone360: โรงเรียนนานาชาติ NIST International School

Year: 2025

Location: อโศก

Area: อาคารทั้ง 10 อาคาร, สิ่งอำนวยความสะดวกและห้องเรียนของแต่ละอาคาร

NIST International School ถือเป็นโรงเรียนนานาชาติชั้นนำใจกลางกรุงเทพฯ ที่มีความโดดเด่นอย่างมากในเรื่องความพร้อมของ Facility ที่ครบครัน เพื่อรองรับกิจกรรมการเรียนรู้ที่หลากหลายของนักเรียน ซึ่งได้ให้ความไว้วางใจทีมงาน takealook360 ในการถ่ายทำ VR Virtual tour 360 เพื่อสื่อสารความครบครันของ Facility ความพร้อมของการเรียนการสอนผ่าน Website ในรูปแบบ 360

อย่างไรก็ตาม ด้วยขนาดพื้นที่โรงเรียนที่กว้างขวางและประกอบไปด้วยอาคารเรียนหลากหลายอาคาร รวมถึง Facility ที่กระจายตัวอยู่ทั้งพื้นที่ Indoor และ Outdoor การสื่อสารให้ผู้ปกครองเห็นทั้ง “ภาพรวม” และ “รายละเอียด” ได้อย่างครบถ้วนจึงเป็นโจทย์ที่ท้าทาย

The Challenge: พื้นที่กว้างขวาง 25 ไร่ ท่ามกลางย่านอโศก

NIST International School ไม่ใช่แค่โรงเรียน แต่เปรียบเสมือน “Campus City” ใจกลางกรุงเทพฯ ด้วยความที่เป็นโรงเรียนระดับ World-class ที่มี Facility ครบครันทั้งอาคารเรียน, Sports Complex, Creative Arts Building และพื้นที่กิจกรรมทั้ง Indoor และ Outdoor โจทย์สำคัญที่ takealook360 ได้รับคือ “ทำอย่างไรให้ผู้ปกครองเห็นภาพความครบครันนี้ได้ง่ายที่สุด โดยไม่หลงทางในการใช้งาน Website”

1. Designing User Journey: จากมุมสูงสู่ห้องเรียน

เราออกแบบเส้นทางการใช้งาน (User Flow) โดยยึดหลักการ “Orient -> Navigate -> Explore” เพื่อให้ผู้ใช้งานเข้าใจบริบทของสถานที่เป็นลำดับขั้นตอน จากภาพกว้างภายนอก > สู่ฟังก์ชั่นภายใน > และศึกษารายละเอียดของพื้นที่นั้น ๆ เพิ่มเติม

• Location Context (บริบทการเดินทาง): นอกเหนือจากพื้นที่ภายในตึกและห้องเรียน เราเริ่มที่ Drone 360 เหนือที่ดินโรงเรียน และบริเวณปากซอยโรงเรียน จุดนี้คือความตั้งใจที่จะสื่อสารเรื่อง Location อย่างชัดเจน ให้ผู้ปกครองเห็นสภาพแวดล้อมจริง สถานที่สำคัญโดยรอบ และเส้นทางการจราจร เพื่อสร้างความมั่นใจเรื่องความสะดวกในการเข้าถึงโรงเรียน
• Campus Orientation (ภาพรวมสถานที่): เมื่อเข้าสู่พื้นที่โรงเรียน ผู้ปกครองจะเริ่มต้นที่ภาพมุมสูง (Aerial View) เหนือ Campus ทันที ทำให้เห็น Layout การวางผังอาคารทั้งหมด ว่าตึกไหนอยู่ตรงไหน เชื่อมโยงกันอย่างไร ซึ่งมุมมองนี้ช่วยแก้ปัญหา “การหลงทิศ” ในพื้นที่โรงเรียนขนาดใหญ่
• Deep Dive (เจาะลึกรายละเอียด): จากภาพมุมสูง เราฝังจุดเชื่อมต่อ (Hotspots) ไว้ตามอาคารต่างๆ เพื่อให้ผู้ใช้สามารถคลิกเพื่อดู Facility ทั้งหมดของแต่ละอาคาร

2. Intelligent Interface Design: สื่อสารพื้นที่ที่ซับซ้อน ด้วย Interface ที่ชาญฉลาด

ความท้าทายที่สุดของงานนี้คือการจัดการข้อมูลห้องเรียนและ Facility จำนวนมหาศาล หากเราใส่ทุกอย่างรวมกัน เมนูจะยาวเหยียดจนยากต่อการใช้งาน เราจึงออกแบบ Interface ที่มีความยืดหยุ่น

• Contextual Navigation Button: ปุ่มคีย์ลัดบริเวณ มุมขวาบน คือหัวใจของการนำทาง เมื่อผู้ใช้งานกดปุ่มนี้ ระบบจะไม่แสดงรายชื่อห้องทั้งหมดของโรงเรียน (ซึ่งจะทำให้สับสน) แต่จะเลือกแสดง Facility เฉพาะของตึกนั้น ๆ และ Close up ภาพ Drone360 ไปที่ตึกดังกล่าว
  • ตัวอย่าง: หากท่านกำลังชมภาพ Drone 360 เหนือ “The Hub” เมื่อกดคีย์ลัดด้านขวาบน ท่านจะเห็นลิสต์รายชื่อเฉพาะห้องที่อยู่ในตึก The Hub เท่านั้น

3. Result: ตัวช่วยสำคัญของกระบวนการ Open House

เมื่อนำระบบ Virtual Tour นี้ไปติดตั้งบนเว็บไซต์ของ NIST International School ผลลัพธ์ที่ได้คือเครื่องมือสื่อสารที่เปรียบเสมือนการจัด “Online Open House” ตลอด 24 ชั่วโมง

• ช่วยให้ ผู้ปกครองชาวต่างชาติ (Expats) ที่ยังไม่ได้ย้ายมาไทย สามารถเยี่ยมชมโรงเรียนได้เสมือนจริงเพื่อประกอบการตัดสินใจ
• อีกทั้งเป็นเครื่องมือช่วย Recap สำหรับครอบครัวที่เข้ามาเยี่ยมชมสถานที่จริงแล้ว สามารถนำกลับไปเปิดดูเพื่อปรึกษาหารือกันภายในครอบครัวต่อได้ เห็นรายละเอียดครบถ้วนทุกมุมมอง

takealook360 ภูมิใจที่ได้เป็นส่วนหนึ่งในการถ่ายทอดศักยภาพของ NIST International School ผ่านงานออกแบบที่ผสานเทคโนโลยีและความเข้าใจในผู้ใช้งานอย่างลงตัว