OOZOU
Hubungi Kami
Kembali ke Studi Kasus
Education & E-Learning

Platform E-Learning Makro HORECA Academy

Bagaimana kami meningkatkan pengalaman e-learning Makro HORECA Academy, pusat pengetahuan online-to-offline yang diluncurkan Siam Makro untuk membantu para profesional HoReCa meningkatkan daya saing mereka di era digital.

Siam Makro

Layanan yang Diberikan

DesignDevelopment
Platform E-Learning Makro HORECA Academy - 1

Tantangan

Makro HORECA Academy membutuhkan pembaruan menyeluruh atas situs web WordPress lama mereka: struktur dan penyajian konten yang lebih baik, kegunaan yang ditingkatkan, dan fungsionalitas yang disederhanakan agar platform lebih nyaman digunakan.

Solusi Kami

Kami mendesain ulang dan membangun ulang platform dengan Ruby on Rails dan JavaScript, termasuk CMS yang dibuat khusus, desain responsif untuk 70% pengguna yang mengakses melalui perangkat mobile, serta lokalisasi native dalam bahasa Inggris dan Thai. Situs baru diluncurkan pada 2021, menggantikan platform web lama.

Kisah Merek

Siam Makro Public Company Limited meluncurkan Makro HORECA Academy, atau "MHA", sebuah pusat pengetahuan online-to-offline, untuk mendukung para profesional HoReCa dalam meningkatkan daya saing mereka di era digital.

Pengguna dapat mendaftar untuk terus mendapatkan informasi terbaru tentang tren bisnis, kursus online gratis, dan workshop yang menarik. Makro HORECA Academy Clinic juga tersedia bagi siapa saja yang membutuhkan pengetahuan lebih mendalam di bidang tertentu.

Lingkup Pekerjaan

Kami merancang ulang situs web lama berdasarkan kebutuhan MHA: menyempurnakan struktur dan penyajian konten, meningkatkan kegunaan, menyederhanakan fungsionalitas, dan membuat situs lebih nyaman digunakan. Platform baru diluncurkan pada 2021, menggantikan platform web lama.

Situs web Makro HORECA Academy ditampilkan di berbagai perangkat

Infrastruktur

Aplikasi web MHA dikembangkan menggunakan Ruby on Rails dan JavaScript, menggantikan kode dan plugin WordPress lama.

CMS yang dibuat khusus sepenuhnya dikembangkan dengan Rails. Seluruh komponen aplikasi yang berbasis container di-hosting dengan aman di AWS.

Design System

Warna

Palet warna utama dikembangkan dari merek asli MHA. Kami memilih satu warna yang lebih terang dan satu warna solid untuk CTA.

Tipografi

Kami meriset berbagai font agar tetap selaras dengan merek, baik dalam bahasa Inggris maupun Thai.

Ilustrasi

Selain font dan warna, ilustrasi sangat penting untuk berkomunikasi secara efektif dan mudah lintas bahasa. Kami membuat komponen terasa hidup dan menonjol dengan memanfaatkan bentuk dan warna dari set ikon, sehingga pengguna cepat memahami status UI.

Antarmuka Pengguna

Selamat Datang

Kami menyempurnakan beranda agar lebih mudah digunakan, dengan pembagian konten setiap bagian yang jelas. Seluruh konten banner di situs baru kini dapat dikelola langsung dari CMS oleh administrator konten yang berwenang.

Beranda Makro HORECA Academy yang didesain ulang di desktop

Ramah Mobile

70% pengguna mengakses situs web Makro HORECA Academy melalui perangkat mobile, sehingga desainnya mendukung web responsif.

Desain responsif Makro HORECA Academy di perangkat mobile

Belajar Kapan Saja, di Mana Saja

Knowledge Center adalah tempat para pengusaha HoReCa dapat dengan mudah menemukan wawasan industri dan saran bisnis. Pengguna dapat belajar dan memantau kemajuan mereka.

Halaman kursus di Knowledge Center Makro HORECA Academy

Peningkatan Keterampilan

Pengguna dapat menguji keterampilan mereka dengan mengikuti ujian sertifikasi untuk setiap kursus. Setelah berhasil menyelesaikan setiap ujian, pengguna dapat mengunduh sertifikat mereka. Fitur ini didukung di desktop maupun perangkat mobile, sehingga sangat praktis bagi pengguna yang sering bepergian.

Sertifikat

Setelah menyelesaikan kursus dan ujian, pengguna dapat menerima sertifikat mereka. Sertifikat dapat dengan mudah diunduh atau diambil dari halaman My Certificates di akun mereka.

Mengunduh sertifikat kursus di perangkat mobile

Ikuti Acara Terbaru

Pengguna dapat melihat berbagai kegiatan mendatang, baik online maupun offline. Anggota Makro dapat mendaftar acara secara gratis melalui situs web.

Lokalisasi untuk Pasar Thailand

Lokalisasi situs dalam bahasa Inggris dan Thai sangat penting agar berhasil melayani pasar HoReCa lokal di Thailand. Lokalisasi native yang dibangun di dalam platform juga akan memudahkan perluasan ke penutur bahasa lain di masa mendatang.

Masuk dengan Mudah

Pengguna dapat masuk dengan mudah menggunakan ID pada kartu Makro mereka atau nomor ponsel yang digunakan untuk mendaftar di Makro.

Akun Uji Coba Gratis

Meskipun belum menjadi anggota Makro, pengguna dapat membuat akun uji coba menggunakan nomor ponsel untuk mendapatkan akses ke resep, e-magazine, artikel, dan semua konten online gratis lainnya di situs web MHA selama 7 hari.

Punya proyek yang ingin diwujudkan?

Kami ingin mendengar apa yang sedang Anda bangun.

Mulai Percakapanhello@oozou.com
OOZOU Logo

Bangkok · Singapura · Hong Kong

X
Facebook
Instagram
LinkedIn
OOZOU Co., Ltd.
548 One City Centre
Ploenchit Road
Bangkok 10330
Thailand
+66 2544 0000
hello@oozou.com

Layanan

  • Pengembangan Web
  • Agen AI & Generative AI
  • Pengembangan Aplikasi Mobile
  • Analitik Data & Data Engineering
  • Desain UI/UX & Produk
  • Transformasi Digital

Perusahaan

  • Tentang Kami
  • Karier
  • Blog
  • Studi Kasus
  • Demo Langsung
  • Today I Learned
  • Hubungi Kami

Lainnya

  • Industri
  • Jaringan Mitra
© 2026 OOZOU. Hak cipta dilindungi undang-undang.
Kebijakan PrivasiKode EtikKebijakan ABAC