โปรเจค

UNBOXNOW

อุตสาหกรรม

ธุรกิจเฉพาะทาง

ประเภทงาน

Digital Execution

ภาพรวม

UNBOXNOW คือบริษัทที่เชี่ยวชาญด้านการผลิตภาพเคลื่อนไหวและบริหารจัดการงานโปรดักชัน ครอบคลุมมิวสิกวิดีโอ ภาพยนตร์สั้น และโฆษณา เว็บไซต์ทำหน้าที่เป็นศูนย์รวมผลงานสำหรับเอเจนซี่และแบรนด์ที่ต้องการดูสไตล์การทำงานก่อนติดต่อร่วมงาน โจทย์คือออกแบบเว็บไซต์ Portfolio ที่ให้วิดีโอเป็นตัวนำทุกอย่าง พร้อมแก้ปัญหาพื้นที่จัดเก็บไฟล์วิดีโอจำนวนมาก

จุดประสงค์

สร้างเว็บไซต์รวมรวบผลงานสำหรับ UNBOXNOW

ผลลัพธ์

เว็บไซต์บริษัทโปรดักชันที่ออกแบบเหมือนเว็บไซต์ทั่วไป จะทำให้ผลงานวิดีโอถูกลดทอนเป็นแค่ Thumbnail เล็ก ๆ SUFFIX ออกแบบด้วยแนวทาง Video-first วิดีโอแสดงผลแบบเต็มหน้าจอ มีเส้นกรอบแบบเฟรมเป็นองค์ประกอบเสริม Typography ที่มีน้ำหนักมากพอแสดงผลบนภาพได้โดยยังอ่านง่าย และเชื่อมต่อ Vimeo API เพื่อลดพื้นที่จัดเก็บข้อมูลของเว็บไซต์

สร้างเว็บไซต์รวมรวบผลงานสำหรับ UNBOXNOW

รายละเอียดโปรเจค

SUFFIX ออกแบบเว็บไซต์ให้ UNBOXNOW อย่างไร

เว็บไซต์ที่มีองค์ประกอบมากเกินไปจะแย่งความสนใจจากผลงานวิดีโอซึ่งเป็นสิ่งเดียวที่ลูกค้าต้องการดู SUFFIX ออกแบบด้วยแนวทาง Video-first วิดีโอแสดงผลแบบเต็มหน้าจอ เพิ่มองค์ประกอบเส้นกรอบลักษณะเฟรมเพื่อสร้างเอกลักษณ์ทางสายตาที่สอดคล้องกับงานโปรดักชัน Typography เลือกใช้ฟอนต์ที่หนาพอแสดงผลบนภาพและวิดีโอได้โดยยังอ่านง่าย ทุกองค์ประกอบออกแบบให้เสริมผลงานวิดีโอ ไม่แย่งความสนใจ

 

Video-first Design. ทำไมวิดีโอต้องเป็นตัวนำในเว็บไซต์โปรดักชัน

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

 

เทคนิค Vimeo API และ Typography ที่ออกแบบเฉพาะ

เว็บไซต์ที่ Host วิดีโอจำนวนมากบนเซิร์ฟเวอร์ของตัวเองจะมีค่าใช้จ่ายสูงและโหลดช้า SUFFIX แก้ปัญหาด้วยการเชื่อมต่อ Vimeo API แทนการเก็บไฟล์วิดีโอบนเซิร์ฟเวอร์โดยตรง ลดพื้นที่จัดเก็บได้อย่างมากในขณะที่ยังแสดงผลได้คมชัด Typography ใช้ตัวอักษรที่มีน้ำหนักเฉพาะ หนาพอที่จะมองเห็นได้ชัดเมื่อวางทับภาพหรือวิดีโอ แต่ไม่หนาจนบดบังเนื้อหาภาพ ทำงานร่วมกับเส้นกรอบแบบเฟรมที่ให้ความรู้สึกเหมือนมองผ่านช่องมองภาพของกล้อง

ทีมงาน

Account Executive

ริณดา คงตาละนันท์

UI/UX Designer

นทจร กิรัตนรักษ์

Front-End Developer

พสิษฐ์ นิยมทอง

Back-end Developer

มนตรี พรหมทอง

Director

เจตน์ เศรษฐฐิติ

TIPCO Asphalt CRM

TIPCO Asphalt CRM

HCAPE

HCAPE