โปรเจกต์
2 Magazine
อุตสาหกรรม
สื่อและบันเทิง
ประเภทงาน
Digital Strategy & Execution
ภาพรวม
2 Magazine คือนิตยสารไลฟ์สไตล์ที่นำเสนอเนื้อหาด้านศิลปะ ร้านอาหาร วัฒนธรรม และการสัมภาษณ์บุคคลที่น่าสนใจ เดิมเป็นสิ่งพิมพ์ที่มีเอกลักษณ์เฉพาะตัวในการจัดวาง โจทย์คือออกแบบเว็บไซต์ที่นำโครงสร้างจากสิ่งพิมพ์มาสู่ดิจิทัล โดยไม่สูญเสียสไตล์ที่ทำให้นิตยสารเล่มนี้ต่างจากเล่มอื่น
จุดประสงค์
ออกแบบและสร้างเว็บไซต์สำหรับนิตยสารออนไลน์ที่สนุกและทำให้ผู้อ่าน อ่านเนื้อหาได้ง่ายและมีสไตล์เฉพาะตัว
ผลลัพธ์
นิตยสารที่มีเอกลักษณ์จากสิ่งพิมพ์ ต้องการมากกว่าเว็บไซต์บทความทั่วไป SUFFIX นำโครงสร้างการจัดวางจากฉบับสิ่งพิมพ์มาปรับใช้กับดิจิทัล เล่นกับ Typography ทั้งในหัวข้อและคำที่ต้องการเน้น พร้อมออกแบบ CMS ที่ทดสอบร่วมกับทีมนักเขียนและบรรณาธิการจริง เพื่อรองรับปริมาณเนื้อหาและรูปภาพที่มากกว่าเว็บไซต์ปกติ

รายละเอียดโปรเจกต์
SUFFIX ออกแบบเว็บไซต์ให้ 2 Magazine อย่างไร
2 Magazine ไม่ใช่นิตยสารที่เนื้อหาเหมือนกันทุกฉบับ แต่ละฉบับมีโครงสร้างและการจัดวางเฉพาะตัว เมื่อย้ายมาสู่ดิจิทัล ปัญหาคือเว็บไซต์ส่วนใหญ่มักบังคับให้ทุกบทความอยู่ใน Template เดียวกัน ซึ่งจะทำลายเอกลักษณ์ที่สิ่งพิมพ์สร้างมา SUFFIX เริ่มจากการศึกษาโครงสร้างฉบับสิ่งพิมพ์ต้นฉบับ แล้ววางระบบที่ให้แต่ละบทความมีการจัดวางที่แตกต่างกันตามลักษณะเนื้อหา ผสมผสานความเป็นสิ่งพิมพ์เข้ากับประสบการณ์บนหน้าจอ
นำโครงสร้างจากสิ่งพิมพ์มาออกแบบเว็บและเล่นกับตัวอักษร
นิตยสารออนไลน์ส่วนใหญ่ใช้ layout ซ้ำ ๆ ทุกบทความ สิ่งที่ทำให้ 2 Magazine ต่างออกไปคือการจัดวางที่หลากหลายเหมือนอ่านนิตยสารจริง SUFFIX นำโครงสร้างจากฉบับสิ่งพิมพ์มาปรับใช้กับเว็บ ทำให้แต่ละบทความมีการนำเสนอที่ต่างกันตามเนื้อหา ในส่วนของ Typography ไม่ใช่แค่ใช้ตัวอักษรส่งสาร แต่ออกแบบให้เป็นส่วนหนึ่งของ visual ทั้งในหัวข้อบทความ ประโยคสำคัญ และคำที่ต้องการเน้น ตัวอักษรสร้างอารมณ์และสไตล์เฉพาะตัวให้ 2 Magazine บนหน้าจอดิจิทัล
ออกแบบระบบจัดการเนื้อหาร่วมกับทีมบรรณาธิการ
CMS สำหรับนิตยสารออนไลน์ต้องรับมือกับปริมาณเนื้อหาและรูปภาพที่มากกว่าเว็บไซต์ปกติ ทีมบรรณาธิการต้องจัดการทั้งข้อความยาว รูปภาพจำนวนมาก และ Layout ที่ต่างกันในแต่ละบทความ รวมถึงต้องสามารถปรับลำดับและรูปแบบการนำเสนอให้เหมาะกับเนื้อหาของแต่ละเรื่องได้อย่างยืดหยุ่น SUFFIX ออกแบบระบบโดยทดสอบร่วมกับทีมนักเขียนและบรรณาธิการของ 2 Magazine ตั้งแต่ขั้นตอนการเขียน จัดวางรูป เล่นกับตัวอักษร ไปจนถึงเผยแพร่ ผลลัพธ์คือ CMS ที่ตอบโจทย์ workflow เฉพาะของนิตยสารออนไลน์ ไม่ใช่ระบบทั่วไปที่ออกแบบมาสำหรับเว็บไซต์ธรรมดา


ทีมงาน
Account Executive
โมริเอะ สิทธิกุลเดช
UI/UX Designer
ณัฐณิชาช์ เต็มศิริวัฒน์
UI/UX Designer
ศรัณย์ สุดทางธรรม
Front-End Developer
อนุรักษ์ สุรนิทร์
Back-end Developer
อนุรักษ์ สุรนิทร์
Director
เจตน์ เศรษฐฐิติ

