---
title: "Makro HORECA Academy 在线学习平台"
description: "我们如何改善 Makro HORECA Academy 的在线学习体验：以 Ruby on Rails 重建，搭配专属 CMS、响应式设计，以及英文与泰文本地化。"
canonical: https://oozou.com/zh-Hans/case-studies/makro-horeca-academy-elearning
locale: zh-Hans
date: 2021-06-17
client: "Siam Makro"
industry: "Education & E-Learning"
---

# Makro HORECA Academy 在线学习平台

> 我们如何改善 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、面向 70% 使用移动设备的用户打造的响应式设计，以及原生的英文与泰文本地化。新网站于 2021 年上线，取代了原有的网站平台。

## 品牌故事

Siam Makro Public Company Limited 推出了 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)

## 基础架构

MHA 的网页应用以 Ruby on Rails 和 JavaScript 开发，取代了原有的 WordPress 代码与插件。

专属的 CMS 系统完全基于 Rails 开发。容器化应用的所有组件均安全托管在 AWS 上。

## 设计系统

### 色彩

主色板由 MHA 原有品牌延展而来。我们为 CTA 按钮选用了一种浅色和一种纯色。

### 字体

我们研究了能同时在英文与泰文中体现品牌精神的字体。

### 插画

除字体与色彩之外，插画对于跨语言的高效沟通同样不可或缺。我们运用图标集的形状与色彩，让组件生动醒目，帮助用户快速理解 UI 状态。

## 用户界面

### 欢迎加入

我们优化了首页，使其更易用，各板块内容划分清晰。新网站的所有横幅内容现在都可由授权的内容管理员直接在 CMS 中管理。

![重新设计的 Makro HORECA Academy 桌面端首页](https://oozou.com/images/case-study/makro-horeca-home-desktop.webp)

### 移动端友好

70% 的用户通过移动设备访问 Makro HORECA Academy 网站，因此设计上支持响应式网页。

![Makro HORECA Academy 在移动设备上的响应式设计](https://oozou.com/images/case-study/makro-horeca-mobile-friendly.webp)

### 随时随地学习

Knowledge Center 让 HoReCa 创业者轻松获取行业洞察与经营建议。用户可以边学习边追踪自己的进度。

![Makro HORECA Academy Knowledge Center 的课程页面](https://oozou.com/images/case-study/makro-horeca-learning-anytime.webp)

### 技能提升

用户可以通过参加各门课程的认证考试来检验自己的技能。每通过一项考试，即可下载对应的证书。该功能同时支持桌面端与移动端，对于经常在外奔波的用户非常方便。

### 证书

用户完成课程与考试后即可获得证书。证书可以直接下载，也可以在账户的 My Certificates 页面获取。

![在移动设备上下载课程证书](https://oozou.com/images/case-study/makro-horeca-certificate.webp)

### 掌握最新活动

用户可以浏览线上与线下的各类近期活动。Makro 会员可通过网站免费报名参加活动。

### 泰国市场本地化

英文与泰文的网站本地化，是成功服务泰国本地 HoReCa 市场的关键。平台内置的原生本地化能力，也让未来拓展到其他语种的用户更加容易。

### 轻松登录

用户可使用 Makro 卡上的 ID，或注册 Makro 时使用的手机号码轻松登录。

### 免费试用账户

即使用户目前不是 Makro 会员，也可以用手机号码创建试用账户，在 7 天内访问 MHA 网站上的食谱、电子杂志、文章以及所有其他免费在线内容。

---

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

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