โปรเจค

OFOS

อุตสาหกรรม

การศึกษา

ประเภทงาน

Digital Execution

ภาพรวม

โปรเจกต์นี้คือการออกแบบ UI/UX และพัฒนา Front-end สำหรับแพลตฟอร์มเรียนออนไลน์ของภาครัฐที่ครอบคลุม 11 หมวดทักษะ Soft Power โจทย์คือทำให้คนทุกวัยตั้งแต่นักเรียนจนถึงคนวัยทำงานเข้าถึงคอร์สที่ต้องการได้ทันที โดยไม่จำเป็นต้องเรียนรู้ตัวระบบก่อน SUFFIX วางโครงสร้าง UX, ออกแบบ Visual Design ทั้งระบบ และพัฒนา Front-end ร่วมกับ DGA และ THACCA

จุดประสงค์

ออกแบบและพัฒนาแพลตฟอร์มการเรียนออนไลน์ OFOS

ผลลัพธ์

แพลตฟอร์มที่มี 11 หมวดวิชาและหลายระดับความยากต้องการมากกว่า Navigation ธรรมดา SUFFIX ออกแบบ Visual Language เฉพาะแต่ละหมวดเพื่อให้ผู้ใช้แยกแยะบริบทได้จากหน้าตา Interface โดยไม่ต้องอ่าน Label พร้อมวางระบบนำทางที่พาผู้เรียนจากหน้าแรกถึงห้องเรียนโดยไม่ผ่านขั้นตอนที่ไม่จำเป็น ทำงานร่วมกับ DGA (สำนักงานพัฒนารัฐบาลดิจิทัล) และ THACCA

ออกแบบและพัฒนาแพลตฟอร์มการเรียนออนไลน์ OFOS

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

SUFFIX ทำอะไรให้โปรเจค OFOS?

SUFFIX รับผิดชอบตั้งแต่ UX Research จนถึง Front-end Development ร่วมกับ DGA และ THACCA ไม่ใช่แค่ออกแบบหน้าตา แต่วางโครงสร้างทั้งระบบ ในฝั่ง UX คือการตั้งคำถามกับ User Flow ตั้งแต่เลือกหมวดจนถึงเข้าเรียน แล้ววางระบบนำทางที่รองรับ 11 หมวดวิชาอย่างไม่ซับซ้อน ในฝั่ง UI คือการออกแบบ Visual Design ทั้งระบบสี ตัวอักษร และ Graphic Element ให้แต่ละหน้าสื่อสารกับกลุ่มผู้ใช้ที่หลากหลายได้โดยไม่ต้องพึ่งข้อความอธิบาย

 

ความท้าทายในการออกแบบแพลตฟอร์มการเรียนรู้สำหรับทุกวัย

ผู้ใช้ OFOS มีตั้งแต่นักศึกษาที่เพิ่งเริ่มสนใจ ไปจนถึงคนทำงานที่ต้องการ Upskill เฉพาะด้าน ปัญหาคือถ้า Interface ถูกออกแบบมาสำหรับกลุ่มใดกลุ่มหนึ่ง อีกกลุ่มจะรู้สึกว่าระบบไม่ได้ออกแบบมาเพื่อตัวเอง SUFFIX แก้ปัญหานี้ด้วยการออกแบบ Visual Language ที่ทำให้ 11 หมวดมีเอกลักษณ์แยกจากกันชัดเจน แต่ยังอยู่ภายใต้ Design System เดียวกัน ผู้ใช้แยกแยะหมวดวิชาได้ทันทีจากหน้าตาของ Interface ไม่ใช่จากการอ่านชื่อหมวด โจทย์ที่ตั้งไว้ตั้งแต่แรกคือให้ Interface ทำงานแทนผู้ใช้ ไม่ใช่ให้ผู้ใช้ต้องเรียนรู้ Interface

 

11 หมวดทักษะ Soft Power ที่ OFOS ครอบคลุม

OFOS ครอบคลุม 11 หมวดทักษะ Soft Power ของไทย ได้แก่ หนังสือ, เฟสติวัล, อาหาร, การท่องเที่ยว, ดนตรี, เกม, กีฬา, ศิลปะ, การออกแบบ, ภาพยนตร์ ละครและซีรีส์, และแฟชั่น แต่ละหมวดมีคอร์สตั้งแต่ระดับพื้นฐานไปจนถึงระดับสูง ผู้เรียนเลือกเส้นทางพัฒนาทักษะได้ตามความพร้อมของตัวเอง ไม่ถูกบังคับให้เริ่มจากจุดเดียวกัน

ทีมงาน

Account Executive

ณธีพัฒน์ สุริยฉัตรสิริ

UI/UX Designer

ภาวิณี เกิดทอง

Front-End Developer

ลัณญนา จันทร์สว่าง

Director

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

CUB House by Honda

CUB House by Honda

The PARQ

The PARQ