BDGStudio

  1. Home
  2. study-case
  3. Lotte Chocopie

πŸ›οΈ Studi Kasus: Akademi Arsitektur – Portal Edukasi Arsitektur Modern

🧭 Latar Belakang

Akademi Arsitektur adalah platform pendidikan daring (online) yang fokus menyediakan kursus, workshop, dan materi pembelajaran seputar dunia arsitektur. Website ini dikembangkan untuk memperkenalkan program-program edukasi, menjual kursus online, dan membangun komunitas para arsitek muda.


🎨 Tahap 1: Desain Figma

  • Tema Visual: Minimalis, elegan, profesional

  • Palet Warna: Putih bersih, abu-abu soft, aksen biru royal

  • Font: DM Sans untuk teks modern dan bersih

  • Struktur Halaman:

    • Homepage (overview Akademi + CTA ke daftar kursus)

    • Daftar Kursus (kursus terbaru, populer, kategori)

    • Detail Kursus (deskripsi lengkap, harga, pendaftaran)

    • Tentang Akademi

    • Blog (artikel arsitektur, tips, berita terbaru)

    • Kontak

  • User Journey:

    • Browsing kursus β†’ pilih kursus β†’ daftar / beli kursus β†’ akses materi


πŸ’» Tahap 2: Implementasi WordPress

  • Theme: Custom Theme dari desain Figma

  • Plugin Utama:

    • LearnPress untuk sistem manajemen kursus (LMS)

    • Elementor Pro untuk membangun halaman

    • WooCommerce untuk pembayaran kursus

  • Custom Post Type:

    • courses untuk semua materi pembelajaran

  • Custom Fields:

    • Durasi kursus, Level kesulitan, Harga, Materi belajar


πŸ’³ Tahap 3: Integrasi Pembayaran

  • Metode Pembayaran:

    • WooCommerce diintegrasikan dengan Midtrans (gopay, transfer bank, kartu kredit) untuk kemudahan transaksi

  • Flow Pembayaran:

    • Daftar Kursus β†’ Checkout WooCommerce β†’ Bayar via Midtrans β†’ Akses Konten Kursus


πŸ“š Tahap 4: Fitur Khusus Akademi

  • Sertifikat Otomatis:

    • Setelah menyelesaikan kursus, peserta bisa mengunduh sertifikat

  • Progress Tracking:

    • Peserta bisa melihat progres belajar mereka

  • Forum Diskusi (optional):

    • Add-on untuk komunitas peserta kursus

  • Notifikasi Email:

    • Pengingat otomatis untuk peserta yang belum menyelesaikan kursus


βš™οΈ Tahap 5: SEO & Optimalisasi

  • Tools: Rank Math SEO, WP Rocket untuk kecepatan

  • Strategi SEO:

    • Optimasi kata kunci seperti “belajar arsitektur online”, “kursus arsitektur pemula”

    • Blog edukasi untuk menarik traffic organik

  • Keamanan:

    • SSL, WP Security plugins, dan backup mingguan otomatis


πŸš€ Hasil Akhir

  • Platform edukasi profesional dan fungsional

  • Pendaftaran kursus yang seamless

  • Pengalaman belajar online yang smooth dan mendukung pertumbuhan komunitas arsitek muda di Indonesia