Join us on an adventure in the learning universe.
Client
Ednovator
Year
2025
Role
Illustration
Motion graphic
Web design
UX/UI design
KaiGai
Kaigai.io delivers an engaging online learning experience for students from upper primary to high school through an innovative approach. Powered by Generative AI and adaptive learning systems, Kaigai.io crafts personalized study plans aligned with the IPST core curriculum standards across key subjects, including math, science, English, physics, chemistry, and biology.
To ensure high engagement, Kaigai.io integrates educational gamification and nationwide academic competitions, motivating students to climb the leaderboard and win scholarships.
I designed the website with a focus on an intuitive user experience, integrating features like the "KaiGai Family" system that links directly to a LINE Official Account, allowing parents and teachers to monitor student progress seamlessly. The user interface prominently utilizes orange as the primary brand color to channel a vibrant, energetic, and highly dynamic learning environment.
INTRODUCTION
What is KaiGai?
Kaigai.io เป็นแพลตฟอร์ม EdTech (Educational Technology) ที่มุ่งเน้นการส่งมอบประสบการณ์การเรียนรู้ออนไลน์ที่สนุกสนานและเข้าถึงง่ายสำหรับนักเรียนตั้งแต่ระดับประถมปลายจนถึงมัธยมศึกษาตอนปลาย ผ่านการขับเคลื่อนด้วยเทคโนโลยี Generative AI และระบบการเรียนรู้แบบปรับเปลี่ยนตามบุคคล (Adaptive Learning) โดยเนื้อหาทั้งหมดได้รับการออกแบบให้สอดคล้องกับมาตรฐานหลักสูตรแกนกลางของ สสวท. (IPST) ในรายวิชาหลัก เช่น คณิตศาสตร์, วิทยาศาสตร์, ภาษาอังกฤษ, ฟิสิกส์, เคมี และชีววิทยา
ในการออกแบบและพัฒนาแพลตฟอร์ม Kaigai.io เราให้ความสำคัญกับการสร้างแรงจูงใจในการเรียนรู้ (Engagement) ผ่านระบบ Gamification และการแข่งขันตอบคำถามระดับประเทศเพื่อชิงทุนการศึกษา พร้อมทั้งเชื่อมโยงระบบนิเวศการเรียนรู้ระหว่าง "บ้าน" และ "โรงเรียน" เข้าด้วยกัน
Problem Statement
แม้ว่าการเรียนออนไลน์จะช่วยเพิ่มโอกาสการเข้าถึงความรู้ แต่แพลตฟอร์มการศึกษาทั่วไปมักประสบปัญหาด้านประสบการณ์การใช้งาน ดังนี้:
ความเบื่อหน่ายและขาดแรงจูงใจ (Low Engagement): นักเรียนส่วนใหญ่รู้สึกว่าการเรียนออนไลน์และการทำแบบฝึกหัดเป็นเรื่องน่าเบื่อ ทำให้มีอัตราการเรียนไม่จบหลักสูตรสูง
ขาดการมีส่วนร่วมของผู้ปกครอง (Parental Disconnection): แพลตฟอร์มส่วนใหญ่แยกส่วนระหว่างนักเรียนและผู้ปกครอง ทำให้พ่อแม่ไม่สามารถติดตามความก้าวหน้าและการพัฒนาการของลูกได้อย่างใกล้ชิดและทันท่วงที
ภาพจำของแบรนด์ที่เข้าถึงยาก: เว็บไซต์การศึกษามักมี UI ที่ดูเป็นทางการหรือจืดชืดเกินไป ไม่สามารถดึงดูดความสนใจของเด็กและเยาวชนในยุคปัจจุบันได้
นักเรียนในพื้นที่ต่างจังหวัดไม่มีเครื่องมือหรือ "สนามจำลอง" ที่จะประเมินศักยภาพและระดับความรู้ของตนเอง (National Benchmark) เมื่อเทียบกับเด็กนักเรียนในเมืองใหญ่ ทำให้อาจรับรู้ตัวว่า "เรียนตามไม่ทัน" สายเกินไปในวันสอบจริง
Objectives
เพื่อสร้างระบบ Gamification ที่ช่วยเปลี่ยนการทำโจทย์ให้กลายเป็นเรื่องสนุกและท้าทาย
เพื่อพัฒนาฟีเจอร์ "KaiGai Family" ที่เชื่อมต่อเข้ากับ LINE Official Account ช่วยให้ผู้ปกครองและครูสามารถติดตามความก้าวหน้าของนักเรียนได้อย่างราบรื่น
เพื่อเพิ่มอัตราการใช้งานอย่างต่อเนื่อง (User Retention) ด้วยกลไกการสะสมแต้มไต่อันดับเพื่อชิงทุนการศึกษาและของรางวัลที่ตอบโจทย์ไลฟ์สไตล์เด็กยุคใหม่ ช่วยลดภาระค่าใช้จ่ายทางการศึกษาให้ครอบครัวในต่างจังหวัด
เพื่อสร้าง "สนามแข่งขันจำลองระดับประเทศ" (Kaigai Arena) ที่รวบรวมเด็กนักเรียนจากทุกภูมิภาคเข้ามาประเมินศักยภาพ สะท้อนคะแนนจริง และลดช่องว่างทางการศึกษาระหว่างเด็กต่างจังหวัดและเด็กในเมืองใหญ่ได้อย่างโปร่งใส
Persona
น้องภัทร
กลุ่มเป้าหมายหลัก (Core User) ที่เข้ามาใช้งานฝั่ง Gamification และระบบ Arena
Quote
ผมไม่อยากไปรู้ตัวตอนสอบเข้ามหาวิทยาลัยว่าโรงเรียนผมสอนตามในเมืองไม่ทัน... ผมอยากแข่งกับเด็กในเมืองบนเว็บนี้ตั้งแต่วันนี้ จะได้รู้ว่าตัวเองต้องเก่งขึ้นอีกแค่ไหนครับ
About
Name
ภูมิรพี แซ่ตั้ง
Age
14 ปี (ม. 2)
Profession
นักเรียนโรงเรียนมัธยมประจำอำเภอ
Location
ศรีสะเกษ, ประเทศไทย
Tech Level
Advanced (ติดเกม, ใช้ Discord, สตรีมมิ่ง และโซเชียลมีเดียเป็นประจำ)
Behaviors
ใช้เวลาหลังเลิกเรียนอยู่กับหน้าจอเพื่อเล่นเกมออนไลน์ และค้นหาความรู้เพิ่มเติมที่โรงเรียนไม่มีสอน
ชอบความท้าทายและการแข่งขัน (Competitive) มีความทะเยอทะยานสูง อยากเรียนเก่ง ๆ เพื่อเข้าไปเรียนต่อในเมืองหลวงหรือมหาวิทยาลัยดัง
ขวนขวายหาแนวข้อสอบเก่า ๆ จากอินเทอร์เน็ตมาทำเอง แต่หลายครั้งก็ไม่แน่ใจว่าเฉลยหรือวิธีคิดที่หามานั้นถูกต้องและอัปเดตตามมาตรฐานกลางหรือไม่
Goals
ต้องการประเมินศักยภาพและระดับความรู้ของตัวเองกับเด็กนักเรียนในเมืองใหญ่หรือโรงเรียนกวดวิชาดัง ๆ เพื่อเตรียมตัวสอบเข้า ม.4 และมหาวิทยาลัยได้ถูกทาง
อยากเข้าถึงคลังข้อสอบและระบบจำลองการสอบแข่งขันระดับประเทศที่เป็นมาตรฐาน สสวท. โดยไม่ต้องเสียเงินจ่ายค่ากวดวิชาราคาแพง
ไต่อันดับบน Leaderboard ของ Kaigai Arena เพื่อชิงทุนการศึกษามาช่วยแบ่งเบาภาระครอบครัว
Pain Points
รู้สึกว่าการทำแบบฝึกหัดในห้องเรียนหรืองานที่ครูสั่งขาดความท้าทายและไม่ตื่นเต้น
เรียนออนไลน์คนเดียวแล้วไม่มีแรงผลักดัน (Lack of motivation) ล้มเลิกกลางคันบ่อยๆ
ไม่มีทางรู้เลยว่า "คะแนนที่คิดว่าดีในโรงเรียนตัวเอง พอไปสู้กับเด็กในเมืองแล้วอยู่ระดับไหน" มักจะไปรู้ตัวอีกทีตอนสอบตกในสนามสอบจริง
การหาข้อสอบเก่าๆ หรือแนวข้อสอบที่ตรงกับหลักสูตร สสวท. มาฝึกทำเองเป็นเรื่องยุ่งยากและน่าเบื่อ
Key Needs
แพลตฟอร์มที่รวมเด็กจากทั่วประเทศมาอยู่ในสนามเดียวกันผ่านระบบ Kaigai Arena เพื่อให้เห็นอันดับและช่องว่างของคะแนน (Score Gap) ระหว่างตัวเองกับเด็กในเมืองได้อย่างชัดเจนในรูปแบบ Real-time
ฟีเจอร์ที่เปลี่ยนโจทย์วิทย์-คณิตยาก ๆ ตามหลักสูตร สสวท. ให้เป็นโหมดเกมที่ท้าทาย เล่นสนุกจนอยากเอาชนะ ทำให้มีแรงผลักดันที่จะฝึกทำโจทย์ทุกวันเพื่ออุดจุดบกพร่องของตัวเอง
ตัวช่วยวิเคราะห์ผลสรุป (Dashboard Analytics) หลังจบเกมเพื่อบอกว่าวิชาไหนที่ตัวเองยังต้องติวเพิ่มบ้าง
คุณแม่หน่อย
กลุ่มเป้าหมายร่วม (Stakeholder) ที่ใช้งานระบบตรวจสอบและติดตามผ่าน LINE OA
Quote
แม่ไม่มีเงินส่งลูกไปเรียนพิเศษแพงๆ ในเมืองหรอก... แต่อยากได้ระบบที่คอยบอกแม่ผ่าน LINE ง่ายๆ ว่าตอนนี้ลูกเรียนถึงไหน ขาดเหลืออะไร แม่จะได้คอยสนับสนุนและให้กำลังใจเขาได้ถูก
About
Name
นงนุช ประสิทธิ์ศิลป์
Age
42 ปี
Profession
เจ้าของร้านขายของชำ
Location
ศรีสะเกษ, ประเทศไทย
Tech Level
Moderate (ใช้สมาร์ทโฟนทำธุรกรรม ซื้อของ และแอปพลิเคชัน LINE เป็นหลักในชีวิตประจำวัน)
Behaviors
ทำงานหนักตลอดทั้งวันเพื่อหารายได้จุนเจือครอบครัวและเป็นค่าเล่าเรียนให้ลูก
พยายามติดตามข่าวสารการศึกษาเท่าที่จะทำได้ แต่เข้าไม่ถึงข้อมูลเชิงลึกเกี่ยวกับระบบการสอบเข้ามหาวิทยาลัยในเมืองหลวง
ใช้ LINE เป็นช่องทางหลักในการติดต่อสื่อสาร ทั้งเรื่องงาน เรื่องส่วนตัว และกลุ่มผู้ปกครองของโรงเรียน
Goals
ต้องการส่งเสียและผลักดันให้ลูกได้เรียนต่อในระดับมหาวิทยาลัยดีๆ หรือคณะที่มั่นคงเพื่ออนาคตที่ดีกว่าเดิม
อยากรู้ระดับความตั้งใจและพัฒนาการทางการเรียนของลูก เพื่อจะได้ให้คำแนะนำและช่วยเหลือได้ทันท่วงที
มองหาแอปพลิเคชันหรือสื่อการเรียนรู้ที่มีคุณภาพในราคาที่จับต้องได้ หรือมีระบบทุนการศึกษาเพื่อช่วยแบ่งเบาค่าใช้จ่าย
Pain Points
ไม่มีเงินก้อนใหญ่พอที่จะส่งลูกไปเรียนกวดวิชาแพงๆ ในตัวเมืองหรือในกรุงเทพฯ เหมือนเด็กคนอื่น
ไม่รู้ว่าตอนนี้เกณฑ์การศึกษาหรือข้อสอบแข่งขันเขาเปลี่ยนไปถึงไหนแล้ว และไม่รู้ว่าสิ่งที่ลูกเรียนอยู่ที่โรงเรียนเพียงพอสำหรับการไปสอบแข่งกับเด็กในเมืองไหม
ยุ่งกับการทำมาหากินจนไม่มีเวลามานั่งเฝ้าหน้าจอ หรือล็อกอินเข้าเว็บระบบการศึกษาที่ซับซ้อนเพื่อเช็คคะแนนของลูก
Key Needs
ระบบแจ้งเตือนผลและสรุปรายงานการเรียนรายสัปดาห์ของลูกในรูปแบบที่สั้น กระชับ และส่งตรงเข้าแอปพลิเคชันที่เปิดดูทุกวัน
ฟีเจอร์ที่ช่วยแปลผลคะแนนของลูกให้เข้าใจง่ายๆ (เช่น ลูกเด่นวิชาไหน ควรอัปวิชาไหนเพิ่ม) โดยที่คุณแม่ไม่ต้องมีความรู้เชิงวิชาการลึกซึ้งก็อ่านรู้เรื่อง
แพลตฟอร์มการเรียนที่มีความน่าเชื่อถือ อิงตามหลักสูตร สสวท. จริง และมีกลไกช่วยเหลือค่าใช้จ่าย (เช่น ทุนการศึกษาจาก Leaderboard)
คุณครูวิภา
ครูต่างจังหวัดที่อยากยกระดับห้องเรียน แต่ขาดแคลนสื่อการสอนและเครื่องมือวัดระดับที่เป็นมาตรฐานกลาง
Quote
ครูอยากรู้จริงๆ ว่าเด็กๆ ของครูอยู่ระดับไหนเมื่อเทียบกับภาพรวมประเทศ ระบบนี้ช่วยให้ครูเห็นจุดอ่อนของเด็กได้ชัดเจน โดยไม่ต้องเสียเวลาทำเอกสารวัดผลเอง ทำให้ครูมีเวลาไปโฟกัสกับการติวข้อสอบให้พวกเขาได้เต็มที่ค่ะ
About
Name
วิภา รัตนวารี
Age
35 ปี
Profession
คุณครูสอนวิชาวิทยาศาสตร์และเคมี โรงเรียนมัธยมประจำอำเภอ
Location
ศรีสะเกษ, ประเทศไทย
Tech Level
Moderate (ใช้งานคอมพิวเตอร์เพื่อทำสื่อการสอนและกรอกคะแนนระบบโรงเรียนเป็นประจำ)
Behaviors
พยายามค้นหาใบงาน ข้อสอบเก่า และสื่อการสอนฟรีจากอินเทอร์เน็ตมาปรับใช้ในห้องเรียนเพื่อไม่ให้เด็กเบื่อ
จัดชั่วโมงติวพิเศษตอนเย็นหรือวันเสาร์เพิ่มเติมให้กับเด็กที่ตั้งใจจะสอบเข้ามหาวิทยาลัย
คอยแนะนำและผลักดันให้เด็กๆ ในห้องสมัครทุนหรือเข้าร่วมการแข่งขันภายนอกโรงเรียนเพื่อหาประสบการณ์
Goals
ต้องการยกระดับผลสัมฤทธิ์ทางการเรียน (O-NET / คะแนนสอบกลาง) และศักยภาพของเด็กต่างจังหวัดให้สามารถสู้กับเด็กในเมืองใหญ่ได้
อยากได้คลังข้อสอบและสื่อการสอนที่อัปเดตตรงตามมาตรฐาน สสวท. (IPST) ล่าสุด เพื่อนำมาใช้วัดระดับนักเรียนในชั้น
ต้องการเปลี่ยนทัศนคติของเด็กในพื้นที่ ให้รู้สึกว่าวิชาฝั่ง STEM (วิทยาศาสตร์, คณิต) ไม่ใช่เรื่องไกลตัวหรือยากเกินความสามารถ
Pain Points
โรงเรียนขนาดกลางในต่างจังหวัดขาดแคลนอุปกรณ์ห้องแล็บ สื่อมัลติมีเดีย และงบประมาณในการซื้อระบบซอฟต์แวร์การศึกษาดีๆ มาใช้งาน
เวลาเด็กทำคะแนนได้ดีในโรงเรียน ครูไม่มีทางรู้เลยว่าถ้าเด็กกลุ่มนี้ไปเจอกับข้อสอบระดับประเทศจริงๆ จะอยู่ในเกณฑ์ไหน ทำให้ประเมินและติวให้เด็กได้ไม่ถูกจุด
งานเอกสารและภาระงานส่วนกลางของโรงเรียนเยอะมาก ทำให้มีเวลาเฉลี่ยในการมานั่งตรวจข้อสอบ หรือวิเคราะห์จุดอ่อนย่อยๆ ของนักเรียนทีละคนน้อยลง
Key Needs
ระบบแดชบอร์ดหลังบ้านที่ช่วยรวบรวมข้อมูลและวิเคราะห์ภาพรวม (Class Analytics) ว่าเด็กในกลุ่ม/ในเครือข่ายยังมีจุดอ่อนที่หัวข้อไหนตามหลักสูตร สสวท. เพื่อให้ครูนำกลับมาเน้นย้ำในห้องเรียนได้ตรงประเด็น
เครื่องมือสร้างแรงจูงใจที่ใช้งานง่ายอย่างเกมหรือทัวร์นาเม้นต์ เพื่อให้ครูสามารถสั่งเป็นการบ้านหรือกิจกรรมเสริมทักษะ โดยที่ครูไม่ต้องมานั่งเหนื่อยตรวจเองระบบจะรันให้โดยอัตโนมัติ
สื่อการเรียนรู้ที่ช่วยทลายกำแพงความน่าเบื่อของเนื้อหาวิชาการ ให้เด็กต่างจังหวัดเข้าถึงความสนุกในการเรียนได้ฟรีและเท่าเทียม
MY ROLE
Design Optimization &
Core Feature Implementation
ผมเข้าร่วมทีม Kaigai.io ในช่วงที่ตัวระบบ UI เดิมถูกพัฒนาไปแล้วประมาณ 60-70% โดยหน้าที่หลักคือการทำ Design Audit เพื่อรื้อระบบที่ติดขัด ปรับปรุงรากฐานดีไซน์ให้พร้อมสำหรับ Hand-off สู่ dev และเป็นผู้คิดค้น ออกแบบ และวางระบบฟีเจอร์ใหญ่อย่างระบบ Arena และมิติใหม่ของ Rocket Rush ตั้งแต่ศูนย์จนพร้อมปล่อยใช้งานจริง
01 Foundations & Design Engineering
Modernizing Design Tokens & Components
ปรับปรุง Design Tokens (ระบบสี, Typography, Spacing) และ Components ทั้งหมดของระบบเดิมให้ทันสมัย มีความสม่ำเสมอ (Consistency) และยืดหยุ่นต่อการใช้งาน
Developer Hand-off Optimization
แก้ไขปัญหาการวาง Component แบบลอยๆ ในไฟล์ดีไซน์เดิม โดยการจัดระเบียบ Layout, Constraints และ Auto-layout ใน Figma ใหม่ทั้งหมด เพื่อให้ทีม Developer สามารถสแกนโค้ด และ Export รูปภาพ/ไอคอนไปใช้งานต่อได้อย่างถูกต้อง 100% ไม่หลุดพิกเซล
ทำการจัด Auto Layout ทุกหน้าที่ถูกจัดวางแบบ Freeform และตั้งชื่อ Layer ให้เรียบร้อย
แยกส่วนประกอบภาพพื้นหลังเพื่อให้สามารถทำ Responsive ทุกอุปกรณ์ได้
Inclusive Design (Empty States)
ออกแบบหน้า Empty State ของทุกๆ หน้าในระบบ เพื่อรองรับกรณีที่ผู้ใช้ยังไม่มีข้อมูล ช่วยให้ประสบการณ์การใช้งาน (UX) ลื่นไหล ไม่เกิด Dead-end บนหน้าเว็บ
02 UX Redesign & Friction Elimination
The Guarded Login Flow
ระบบแยกสิทธิ์ผู้ปกครอง/นักเรียน
Problem
ในเวอร์ชันแรก แพลตฟอร์มใช้วิธีออกแบบหน้าจอให้แยกปุ่มล็อกอิน/ลงทะเบียนระหว่าง "นักเรียน" และ "ผู้ปกครอง" ตั้งแต่หน้าแรก ทว่าจากการทดสอบใช้งานจริง พบปัญหา UX Friction ร้ายแรง คือ ผู้ปกครองส่วนใหญ่ไม่ได้สังเกตและไม่ได้อ่านข้อความบนปุ่ม มักจะกดปุ่มแรกที่เห็นทันที ส่งผลให้บัญชีผู้ปกครองหลุดเข้าไปผูกกับสิทธิ์ของนักเรียนโดยไม่ตั้งใจ เกิดปัญหาข้อมูลทับซ้อน และผู้ปกครองเข้าไม่ถึงฟีเจอร์รายงานผลบน LINE OA
Solution
ผมทำการรื้อถอนฟลูการเข้าสู่ระบบเดิมทั้งหมด และดีไซน์ระบบคัดกรองใหม่โดยใช้หลักการ Error Prevention (ระบบป้องกันความผิดพลาด) และลดความยุ่งยากหน้าบ้าน โดยแบ่งเป็น 2 ลำดับขั้น:
1.
Seamless Single Sign-On (หน้าแรกปุ่มเดียว): ยุบรวมปุ่มล็อกอินที่กระจัดกระจายให้เหลือเพียงช่องทางเดียว (Single Entrance) หรือ Third-party (LINE/Google) เพื่อตัดความสับสนและลด Cognitive Load ของผู้ใช้งาน
2.
Back-end API Status Check (เช็คสถานะหลังบ้านก่อน): เมื่อผู้ใช้กดล็อกอินเข้ามา ระบบจะส่งข้อมูลไปเช็คผ่าน API ทันทีว่าบัญชีนี้เคยลงทะเบียนในระบบแล้วหรือยัง
กรณีที่เคยลงทะเบียนแล้ว: ระบบจะพาผู้ใช้เข้าสู่หน้าแดชบอร์ดตามบทบาทเดิมทันที
กรณีที่เป็นผู้ใช้งานใหม่ (New Account): ระบบจึงจะทำการเปิดหน้าจอ Role Selection Screen (ภาพการ์ดเลือกบทบาทนักเรียน/ผู้ปกครอง) เพื่อให้ผู้ใช้ระบุสิทธิ์ของตนเองอย่างชัดเจนเพียงครั้งแรกครั้งเดียวเท่านั้น
Problem
เมื่อนักเรียนเข้าสู่ระบบมาที่หน้าแรก ดีไซน์เดิมจะกางไอคอนดวงดาววิชาต่างๆ ไว้ลอยๆ โดยไม่มีกระบวนการกระตุ้น (Call-to-Action) ที่ชัดเจน ส่งผลให้ผู้ใช้งานกลุ่มเด็ก (โดยเฉพาะเด็กต่างจังหวัดที่ไม่คุ้นชินระบบ) เกิดความสับสนว่า "ฉันต้องกดตรงไหนต่อ? หน้าจอนี้ให้ทำอะไร?" และเกิดอาการชะงัก
Solution
ผมทำการเพิ่มตัวเลือกเปลี่ยนวิชาด้านล่างให้ชัดเจน พร้อมตบท้ายด้วยปุ่ม CTA สีส้มสด "เดินทางเลย!" วางไว้กึ่งกลางหน้าจออย่างจงใจ เพื่อเปลี่ยนมู้ดจากการเลือกวิชาเรียนที่น่าเบื่อ ให้กลายเป็นการออกเดินทางสำรวจดวงดาว และบอกทิศทางผู้ใช้อย่างตรงไปตรงมา
Problem
ระบบเดิมล็อกให้หน้าจอ Matching จับคู่สู้ทำได้เพียงวิชาคณิตศาสตร์ และบังคับระดับชั้นคงที่ตามข้อมูลที่ระบุไว้ในหน้า Profile เท่านั้น สร้างเงื่อนไขที่ยุ่งยากให้แก่ผู้ใช้งาน หากนักเรียนต้องการท้าทายตนเองด้วยโจทย์ที่ยากขึ้น (ข้ามระดับชั้น) หรืออยากเปลี่ยนไปเล่นวิชาอื่น นักเรียนจำเป็นต้องกดออกจากหน้าเกม เดินทางไปหน้าแก้ไขโปรไฟล์ส่วนตัว ทำการบันทึก แล้วจึงกดกลับเข้ามาที่หน้าเกมใหม่ ซึ่งเป็นการเพิ่ม Interaction Cost และขัดขวางจินตนาการในการเรียนรู้อย่างรุนแรง
Solution
ออกแบบหน้า Lobby Interface ใหม่ เพิ่มระบบ Dropdown สำหรับเลือกเปลี่ยน "รายวิชา" และ "ระดับชั้น" ได้โดยตรงจากบริบทหน้านี้ทันที เพื่อเปิดโอกาสให้เด็กนักเรียน (โดยเฉพาะเด็กต่างจังหวัดที่ต้องการขวนขวายความรู้) สามารถเลือกทำโจทย์วิชาอื่นในสาย STEM หรือเลือกทดลองทำโจทย์ของระดับชั้นที่ยากขึ้น/ง่ายลงเพื่อประเมินศักยภาพตนเองได้ทันที
03 Core Feature Creation
The Kaigai Arena & Tournament
เนื่องจากทีมเดิมยังทำไม่ถึงพาร์ทนี้ ผมจึงเป็นผู้รับผิดชอบหลักในการคิดค้นและออกแบบหน้าระบบการแข่งขัน Arena ทั้งหมด ปรับเปลี่ยนระบบเกมจากการแข่งขันแบบจับคู่สู้ทั่วไป (PvP ธรรมดา) ให้กลายเป็น "ระบบทัวร์นาเม้นต์การแข่งขันระดับประเทศ (National Tournament)" เพื่อสร้างภาพจำสนามจำลองขนาดใหญ่ที่เด็กต่างจังหวัดสามารถเข้ามาประเมินตนเองได้จริง
04 Motion Design
High-Fidelity Animations via Lottie
พัฒนาประสบการณ์การใช้งานให้เหนือไปอีกขั้น (Delighters) โดยการใช้ Adobe After Effects ออกแบบและสร้าง Motion Graphics รวมถึง Transition การเปลี่ยนหน้าและช่วงรอยต่อระหว่างบทเรียน จากนั้นแปลงไฟล์เป็น Lottie (JSON) เพื่อให้หน้าเว็บโหลดไว แต่ยังคงความลื่นไหลและตื่นตาตื่นใจ สอดคล้องกับธีมอวกาศและจรวดของแพลตฟอร์ม
05 Brand Marketing Assets
นอกเหนือจากการพัฒนาตัวโปรดักต์ ผมยังได้ทำงานร่วมกับทีม Marketing เพื่อออกแบบสื่อโฆษณาและกราฟิกสำหรับใช้โปรโมทแพลตฟอร์ม Kaigai.io ในแคมเปญต่างๆ เพื่อให้มั่นใจว่าอัตลักษณ์ของแบรนด์ (Visual Identity) ถูกส่งต่อไปยังกลุ่มเป้าหมายอย่างสม่ำเสมอ
Social Media & Promotional Banners
ออกแบบภาพแบนเนอร์ กราฟิกโปรโมชันแคมเปญชิงรางวัลใน Arena สำหรับช่องทาง Facebook, LINE และช่องทางออนไลน์ต่างๆ โดยเน้นการใช้สีส้ม Kaigai Orange ร่วมกับธีมอวกาศเพื่อสร้างภาพจำที่สดใหม่และดึงดูดสายตากลุ่มเด็กและผู้ปกครอง
Exhibition & Event Materials
ออกแบบ Key Visual และสื่อสิ่งพิมพ์ (เช่น บูธ, แผ่นพับ, การ์ดโค้ดพิเศษ) สำหรับนำไปใช้ในงาน Exhibition เพื่อรองรับฟีเจอร์ Redeem Code หน้าบ้านที่ผมได้วางระบบไว้ ช่วยให้เกิดประสบการณ์ที่เชื่อมต่อกันอย่างไร้รอยต่อจากโลกออฟไลน์สู่ออนไลน์
Finally,
