Appearance
Services Portfolio How We Work Why Us About Us Contact & Consultation
Kembali ke Portfolio Utama
Case Study • Fitness & Access Control Platform

Jones Gym: Modernisasi Sistem Keanggotaan & Akses Turnstile Digital Bergaya Apple

How Study Morph engineered a multi-page athletic club web ecosystem featuring Three.js 3D physique simulation, encrypted 20-character member barcodes, instant online onboarding, and high-contrast Apple monochrome aesthetics.

Buka Sistem Live (Platform) Staff Portal Console
https://jones-gym.studymorph.com/
Jones Gym Main Web Platform Preview
Click to view full resolution screenshot

Project Overview

Jones Gym Club adalah web application sistem manajemen kebugaran dan keanggotaan atletik modern yang dirancang untuk mengeliminasi kartu fisik konvensional, mempercepat proses pendaftaran anggota baru, dan mengotomatisasi kontrol akses gerbang masuk turnstile menggunakan kode batang digital.

Dibangun dengan standar desain monokrom khas Apple (hitam pekat, putih bersih, dan hairline border halus), platform ini menyajikan pengalaman web multi-page yang lapang, interaktif dengan visualisasi 3D WebGL Three.js, kalkulator biomekanik kalori presisi, serta konsol administrasi staf berbasis mobile-first bottom tab bar.

Tantangan Operasional Gym Tradisional

Sebelum pengembangan Jones Gym, operasional pusat kebugaran menghadapi berbagai kendala klasik:

  • Biaya & Inefisiensi Kartu Fisik: Pencetakan kartu RFID/PVC memakan biaya rutin, mudah hilang, dan sering tertinggal saat anggota hendak berolahraga.
  • Antrean Resepsionis yang Menumpuk: Pendaftaran anggota baru dilakukan secara manual di meja kasir dengan pencatatan form kertas yang lambat.
  • Risiko Pemalsuan Kode ID: Nomor anggota yang pendek atau berurutan (misal: JG-1001) rentan ditebak atau dipalsukan oleh pengunjung yang tidak berhak.
  • Website Gym Ketinggalan Zaman: Kebanyakan web gym lokal hanya berupa landing page statis yang berat, font yang tidak proporsional, serta tata letak mobile yang sesak.

Arsitektur Solusi & Implementasi Teknis

Study Morph merancang ekosistem Jones Gym secara menyeluruh dari frontend hingga backend:

  • Digital Member Pass 20-Karakter Terenkripsi: Menerbitkan pass digital instan di ponsel dengan kode alfanumerik 20-karakter unik yang aman secara kriptografis (misal: JG39T2Z7QL2EZHML83FN) dan QR resolusi tinggi untuk scan turnstile dalam 1 detik.
  • 3D Physique Transformation Simulator (Three.js WebGL): Visualisasi anatomi 3D dinamis yang mensimulasikan progresi otot (latissimus dorsi, pectoralis, dan deltoids) secara real-time langsung di browser tanpa plugin eksternal.
  • Automated Plan Recommendation Engine: Kalkulator BMI dan kebutuhan kalori interaktif yang menyinkronkan parameter paket ke formulir pendaftaran online secara otomatis.
  • Staff Console Mobile-First (iOS Bottom Bar): Dashboard manajemen staf dengan navigasi 4-tab bawah jempol (Home, Scan, Members, + Enroll) dan drawer hamburger untuk pengaturan kelas studio, pelatih, serta invoice keuangan.
  • Apple Monochrome Aesthetic: Desain minimalis elegan hitam-putih (`#000000`, `#FFFFFF`, `#F5F5F7`, `#E5E5EA`) dengan font atletis modern Oswald dan Plus Jakarta Sans.

Hasil & Dampak Bisnis

100%
Bebas Kartu Fisik (Paperless)
< 1 Detik
Waktu Verifikasi Barcode Turnstile
20 Char
Enkripsi Kode Akses Anti-Tebak

Platform berhasil memangkas waktu pendaftaran anggota baru dari 10 menit menjadi di bawah 60 detik melalui transaksi QRIS/Transfer mandiri di HP.

Tertarik Mengembangkan Sistem Web Khusus untuk Bisnis Anda?

Diskusikan konsep alur kerja dan arsitektur sistem digital Anda langsung bersama tim engineer Study Morph.