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

รายละเอียดโปรเจกต์
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
เจตน์ เศรษฐฐิติ

