Koji Studio ใช้ Spline สร้างการนำเสนอสินค้าแบบ 3D ได้อย่างไร

เมื่อ Ori บริษัทเทคโนโลยีการแพทย์ ต้องการเปิดตัวเว็บไซต์สำหรับเครื่องสแกนฟัน 3D รุ่นใหม่ ความท้าทายก็ชัดเจน: จะสื่อสารความแม่นยำและนวัตกรรมของอุปกรณ์จริงให้รู้สึกล้ำสมัยไม่แพ้กันบนโลกออนไลน์ได้อย่างไร

บริษัทกำลังจะนำอุปกรณ์ Ori Intraoral Scanner รุ่นใหม่ออกสู่ตลาด เป็นเครื่องสแกนฟัน 3D ที่ออกแบบมาเพื่อช่วยให้ทันตแพทย์เก็บโมเดลดิจิทัลของฟันผู้ป่วยได้อย่างแม่นยำสูงแบบเรียลไทม์

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

จากนั้นทีม KOJI ตัดสินใจใช้การผสานรวม Spline ใน Webflow เพื่อสร้างประสบการณ์ดิจิทัล 3D แบบอินเทอร์แอคทีฟ ที่ทำให้เครื่องสแกนดูจับต้องได้บนเว็บ เหมือนกับที่อยู่ในมือทันตแพทย์

ทีมออกแบบครบวงจรที่เปิดรับเครื่องมือใหม่

ทีม KOJI Agency ที่อยู่เบื้องหลังเว็บไซต์ของ Ori Scan ประกอบด้วย Pavel, Slava, Nikita และ Liza ซึ่งแต่ละคนเป็นดีไซเนอร์ที่มีประสบการณ์และผ่านโปรเจกต์ลูกค้ามามากมาย

ด้วยประสบการณ์กว่า 20 ปีในด้านแบรนดิ้ง อัตลักษณ์ และประสบการณ์ดิจิทัล พวกเขาสร้างมาแล้วทุกอย่าง ตั้งแต่ระบบโฆษณาแบบโมดูลาร์ไปจนถึงเว็บไซต์เล่าเรื่องที่ดื่มด่ำ

จุดแข็งของพวกเขาคือการเป็น "ดีไซเนอร์แบบ full-stack" ที่ผสานการคิดเชิงผลิตภัณฑ์ การออกแบบภาพ การโต้ตอบ และโค้ดเข้าด้วยกัน

เราค้นคว้าอยู่เสมอ พยายามหาเครื่องมือใหม่ ๆ อยู่ตลอด นั่นคือวิธีที่เรามาเจอ Spline

ใช้ Spline ปลดล็อกการโต้ตอบ

ผู้บริหารของ Ori Scan ไม่ได้ต้องการแค่เว็บไซต์ผลิตภัณฑ์การแพทย์อีกเว็บหนึ่ง พวกเขาต้องการประสบการณ์ที่โดดเด่นในสายตากลุ่มเป้าหมายอย่างทันตแพทย์และบุคลากรทางการแพทย์

ทีม KOJI มองว่า 3D แบบอินเทอร์แอคทีฟเป็นสื่อที่ดีที่สุดในการเน้นนวัตกรรมของเครื่องสแกน และการเลือก Spline ก็เป็นความตั้งใจไม่แพ้กัน

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

Spline อยู่ทุกที่ในวงการดีไซน์ โปรเจกต์นี้เป็นโอกาสที่สมบูรณ์แบบที่จะได้ใช้มันในที่สุด และการผสานรวมกับ Webflow อย่างไร้รอยต่อก็ทำให้ตัดสินใจได้ง่ายขึ้นอีก

กระบวนการออกแบบ: จาก CAD และการปรับแต่งโพลีกอนสู่ประสบการณ์เว็บที่ประณีต

กระบวนการเริ่มจากไฟล์ CAD ทางเทคนิคของ Ori Scan ซึ่งเอเจนซีปรับปรุงและปรับแต่งก่อนนำเข้าสู่ Spline

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

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

รายละเอียดที่โดดเด่นที่สุดอย่างหนึ่งคืออะไร? โมเดล 3D ของฟัน เพื่อแสดงการทำงานของเครื่องสแกน ทีมได้โมเดลฟันที่ดูเป็นธรรมชาติใน Spline ซึ่งเป็นรายละเอียดสำคัญที่ทำให้เดโมดูสมจริง

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

มันสนุก แต่ก็สำคัญมากด้วย เพราะจุดประสงค์ของเครื่องสแกนคือการสแกนฟัน โมเดล 3D จึงต้องดูและให้ความรู้สึกเป็นธรรมชาติ

การผสานรวมกับ Webflow

ทีม KOJI อาศัย Spline ในการทำให้ผลิตภัณฑ์ Ori Scan มีชีวิตชีวา และอาศัยการผสานรวม Webflow แบบเนทีฟของ Spline ในการนำแอสเซ็ต 3D ไปใช้ในเว็บไซต์อย่างไร้รอยต่อ

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

มันง่ายและเร็วมาก เรียนรู้ได้ไม่ยาก แม้แต่ดีไซเนอร์รุ่นน้องก็เข้ามาผสาน 3D เข้ากับ Webflow ได้

ทำไมการโต้ตอบจึงสำคัญ

สำหรับ Ori Scan การนำเสนอสินค้า 3D แบบอินเทอร์แอคทีฟไม่ได้เป็นแค่เรื่องความสวยงาม แต่เป็นเรื่องของความชัดเจนและผลกระทบ การให้ลูกค้าเลื่อนดูผลิตภัณฑ์ หมุน และสำรวจฟีเจอร์ในบริบทจริง ทำให้เกิดประสบการณ์ที่ไปไกลกว่าที่ภาพถ่ายหรือวิดีโอนิ่ง ๆ จะทำได้

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

เริ่มต้นใช้งาน Spline

ทีม KOJI ยังคงทดลองกับ Spline อย่างต่อเนื่อง สำหรับพวกเขา โปรเจกต์นี้คือจุดเริ่มต้นของบทใหม่ ที่การออกแบบ 3D และอินเทอร์แอคทีฟไม่ใช่แค่ “มีก็ดี” แต่เป็นสิ่งจำเป็นในการเล่าเรื่องราวของผลิตภัณฑ์

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

ติดต่อฝ่ายขาย