OOZOU
ติดต่อเรา
กลับไปที่ Case Studies
Education & E-learning

แพลตฟอร์ม E-learning Makro HORECA Academy

เราปรับปรุงประสบการณ์ E-learning ของ Makro HORECA Academy ศูนย์ความรู้ทั้งออนไลน์และออฟไลน์ของ Siam Makro ที่ช่วยผู้ประกอบการ HoReCa ให้แข่งขันได้ดีขึ้นในยุคดิจิทัล

Siam Makro

บริการของเรา

DesignDevelopment
แพลตฟอร์ม E-learning Makro HORECA Academy - 1

The Challenge

Makro HORECA Academy ต้องการปรับโฉมเว็บไซต์ WordPress เดิม ทั้งจัดเนื้อหาให้เป็นระบบและอ่านง่ายขึ้น ใช้งานสะดวกขึ้น และตัดฟังก์ชันที่ซับซ้อนออก ให้ทั้งแพลตฟอร์มใช้ง่ายกว่าเดิม

Our Solution

เราออกแบบและพัฒนาแพลตฟอร์มขึ้นใหม่ด้วย Ruby on Rails และ JavaScript พร้อม CMS ที่พัฒนาขึ้นเฉพาะ ดีไซน์แบบ Responsive สำหรับผู้ใช้ 70% ที่เข้าผ่านอุปกรณ์มือถือ และระบบรองรับภาษาอังกฤษและภาษาไทยในตัว เว็บไซต์ใหม่เปิดตัวในปี 2021 แทนที่แพลตฟอร์มเว็บเดิม

เรื่องราวของแบรนด์

บริษัท สยามแม็คโคร จำกัด (มหาชน) เปิดตัว Makro HORECA Academy หรือ "MHA" ศูนย์ความรู้ทั้งออนไลน์และออฟไลน์ ที่ช่วยผู้ประกอบการ HoReCa ให้แข่งขันได้ดีขึ้นในยุคดิจิทัล

ผู้ใช้สามารถลงทะเบียนเพื่อติดตามเทรนด์ธุรกิจใหม่ ๆ คอร์สออนไลน์ฟรี และเวิร์กช็อปที่น่าสนใจ นอกจากนี้ยังมี Makro HORECA Academy Clinic ที่เจาะลึกความรู้เฉพาะด้านสำหรับผู้ที่ต้องการ

ขอบเขตงาน

เราปรับโฉมเว็บไซต์เดิมตามความต้องการของ MHA ทั้งจัดโครงสร้างและการนำเสนอเนื้อหาใหม่ ใช้งานง่ายขึ้น และตัดความซับซ้อนของฟังก์ชันออก ให้ทั้งเว็บไซต์ใช้สะดวกกว่าเดิม แพลตฟอร์มใหม่เปิดตัวในปี 2021 แทนเว็บเดิม

เว็บไซต์ Makro HORECA Academy แสดงบนอุปกรณ์หลากหลาย

Infrastructure

เว็บแอปพลิเคชันของ MHA พัฒนาด้วย Ruby on Rails และ JavaScript แทนที่โค้ดและ Plugin WordPress เดิม

CMS ทำขึ้นเฉพาะด้วย Rails ทั้งระบบ และทุกส่วนของแอปพลิเคชันอยู่ใน Container ที่โฮสต์บน AWS อย่างปลอดภัย

Design System

Colors

ชุดสีหลักมาจากแบรนด์ MHA เดิม ส่วนปุ่ม CTA มีทั้งแบบ Solid และแบบ Light

Typography

เราเลือกฟอนต์ที่เข้ากับแบรนด์ ทั้งภาษาอังกฤษและภาษาไทย

Illustrations

นอกจากฟอนต์และสี ภาพประกอบก็สำคัญมาก เพราะสื่อสารได้ชัดและเข้าใจง่ายในทุกภาษา ไอคอนที่มีรูปทรงและสีสันชัดเจน ช่วยให้หน้าจอดูสดใสและโดดเด่น ผู้ใช้จึงเข้าใจสถานะต่าง ๆ ของ UI ได้ทันที

User Interface

ยินดีต้อนรับ

เราปรับหน้าแรกให้ใช้งานง่ายขึ้น และแบ่งเนื้อหาแต่ละส่วนให้ชัดเจน ผู้ดูแลเนื้อหาที่มีสิทธิ์เปลี่ยนแบนเนอร์ทั้งหมดของเว็บไซต์ใหม่ได้เองจาก CMS

หน้าแรกใหม่ของ Makro HORECA Academy บนเดสก์ท็อป

รองรับมือถือ

ผู้ใช้ 70% เข้าเว็บไซต์ Makro HORECA Academy ผ่านอุปกรณ์มือถือ ดีไซน์จึงรองรับเว็บแบบ Responsive

ดีไซน์ Responsive ของ Makro HORECA Academy บนอุปกรณ์มือถือ

เรียนรู้ได้ทุกที่ทุกเวลา

Knowledge Center คือแหล่งที่ผู้ประกอบการ HoReCa หาข้อมูลอุตสาหกรรมอย่างละเอียดและคำแนะนำทางธุรกิจได้ง่าย ผู้ใช้เรียนและติดตามความคืบหน้าของตัวเองได้

หน้าคอร์สเรียนใน Knowledge Center ของ Makro HORECA Academy

พัฒนาทักษะ

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

ใบรับรอง

เมื่อผู้ใช้เรียนจบคอร์สและสอบผ่านแล้ว จะได้รับใบรับรอง ซึ่งดาวน์โหลดหรือเปิดดูได้ง่าย ๆ จากหน้า My Certificates ในบัญชีของตนเอง

การดาวน์โหลดใบรับรองคอร์สบนมือถือ

ไม่พลาดทุกอีเวนต์

ผู้ใช้ดูกิจกรรมที่กำลังจะมาถึงได้หลากหลาย ทั้งออนไลน์และออฟไลน์ ส่วนสมาชิก Makro ลงทะเบียนเข้าร่วมได้ฟรีผ่านเว็บไซต์

Localization สำหรับตลาดไทย

จะทำตลาด HoReCa ในไทยให้ได้ผล เว็บไซต์ต้องมีทั้งภาษาไทยและภาษาอังกฤษ ระบบหลายภาษาที่วางไว้ยังช่วยให้เพิ่มภาษาอื่นได้ง่ายในอนาคต

เข้าสู่ระบบง่าย ๆ

ผู้ใช้สามารถเข้าสู่ระบบได้ง่าย ๆ ด้วยรหัสบนบัตร Makro หรือหมายเลขโทรศัพท์มือถือที่ใช้ลงทะเบียนกับ Makro

บัญชีทดลองใช้ฟรี

ยังไม่เป็นสมาชิก Makro ก็สร้างบัญชีทดลองใช้ด้วยหมายเลขโทรศัพท์มือถือได้ แล้วเข้าดูสูตรอาหาร E-magazine บทความ และเนื้อหาออนไลน์ฟรีทั้งหมดบนเว็บไซต์ MHA ได้นาน 7 วัน

มีโปรเจกต์ในใจแล้วหรือยัง?

เล่าให้เราฟังเกี่ยวกับโปรเจกต์ใหม่ของคุณ

ติดต่อเราhello@oozou.com
OOZOU Logo

กรุงเทพฯ · สิงคโปร์ · ฮ่องกง

X
Facebook
Instagram
LinkedIn
OOZOU Co., Ltd.
548 อาคารวันซิตี้เซ็นเตอร์
ถนนเพลินจิต
กรุงเทพฯ 10330
ประเทศไทย
+66 2544 0000
hello@oozou.com

บริการ

  • Web Development
  • AI Agents & Generative AI
  • Mobile App Development
  • Data Analytics & Engineering
  • UI/UX & Product Design
  • Digital Transformation

บริษัท

  • เกี่ยวกับเรา
  • ร่วมงานกับเรา
  • บทความ
  • Case Studies
  • Live Demos
  • Today I Learned
  • ติดต่อเรา

เพิ่มเติม

  • อุตสาหกรรม
  • Partner Program
© 2026 OOZOU สงวนลิขสิทธิ์
นโยบายความเป็นส่วนตัวจรรยาบรรณในการทำงานนโยบาย ABAC