---
title: "แพลตฟอร์ม E-learning Makro HORECA Academy"
description: "เราปรับปรุงประสบการณ์ E-learning ของ Makro HORECA Academy อย่างไร ด้วยการพัฒนาใหม่บน Ruby on Rails พร้อม CMS ที่สร้างขึ้นเฉพาะสำหรับโครงการนี้ ดีไซน์ Responsive และระบบสองภาษาอังกฤษ-ไทย"
canonical: https://oozou.com/th/case-studies/makro-horeca-academy-elearning
locale: th
date: 2021-06-17
client: "Siam Makro"
industry: "Education & E-Learning"
---

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

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

- Client: Siam Makro
- Industry: Education & E-Learning
- Services: Design, Development
- Published: 2021-06-17

## Challenge

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

## Solution

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

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

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

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

## ขอบเขตงาน

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

![เว็บไซต์ Makro HORECA Academy แสดงบนอุปกรณ์หลากหลาย](https://oozou.com/images/case-study/makro-horeca-scope-of-work.webp)

## Infrastructure

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

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

## Design System

### Colors

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

### Typography

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

### Illustrations

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

## User Interface

### หน้าแรกที่ใช้งานง่ายขึ้น

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

![หน้าแรกใหม่ของ Makro HORECA Academy บนเดสก์ท็อป](https://oozou.com/images/case-study/makro-horeca-home-desktop.webp)

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

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

![ดีไซน์ Responsive ของ Makro HORECA Academy บนอุปกรณ์มือถือ](https://oozou.com/images/case-study/makro-horeca-mobile-friendly.webp)

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

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

![หน้าคอร์สเรียนใน Knowledge Center ของ Makro HORECA Academy](https://oozou.com/images/case-study/makro-horeca-learning-anytime.webp)

### พัฒนาทักษะ

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

### ใบรับรอง

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

![การดาวน์โหลดใบรับรองคอร์สบนมือถือ](https://oozou.com/images/case-study/makro-horeca-certificate.webp)

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

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

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

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

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

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

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

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

---

Contact OOZOU: hello@oozou.com · +66 2544 0000 · https://oozou.com/th/contact

More for AI agents: https://oozou.com/llms.txt · every page has a markdown twin at its URL plus ".md"