Logo Resmi Fadhil
Fadhil NuruzzamanSoftware Engineer
Logo Resmi Fadhil
Sistem Manajemen ProspekPT Raja Rak Indonesia2026

RajaRak App: Rotator Prospek Chat & Analitik

RajaRak App adalah tool admin internal yang dibuat untuk tim marketing Raja Rak Indonesia. Tool ini merutekan setiap pertanyaan WhatsApp yang masuk dari seluruh jaringan website bisnis perusahaan yang terus bertambah, membaginya secara adil ke staf marketing yang tersedia lewat sistem round-robin, lengkap dengan dashboard analitik untuk melacak asal-usul setiap klik.

Tidak PublikKembali ke Proyek

Preview

Jelajahi Situsnya

Tampilan situs jadi yang bisa di-scroll, persis seperti yang dilihat pengunjung.

Preview desktop RajaRak App: Rotator Prospek Chat & Analitik

Desktop

Preview mobile RajaRak App: Rotator Prospek Chat & Analitik

Mobile

Tech Stack

Teknologi Penggerak Proyek

Tools dan teknologi yang digunakan untuk mewujudkan proyek ini.

Logo HTML
Logo CSS
Logo PHP
Logo Laravel
Logo Filament
Logo MySQL
Logo Tailwind CSS
Logo VSCode
Logo Claude
Logo GitHub

Peran

Rincian per Skill

Tiap proyek memanfaatkan kombinasi berbagai disiplin, begini gambarannya di proyek ini.

Web Development

  • Membangun backend dengan Laravel dan PHP, menggunakan arsitektur service-layer yang memisahkan business logic, seperti logic rotasi dan filter klik, dari model dan controller.
  • Membangun logic rotasi round-robin dengan database-level locking agar aman saat ada klik bersamaan dari banyak website sekaligus.
  • Membangun alur redirect yang tahan reload, jadi pelanggan yang me-refresh halaman selalu diarahkan ke kontak marketing yang sama, bukan yang baru.
  • Mengimplementasikan deteksi bot dan crawler lewat analisis user-agent dan pola traffic, menjaga data analitik tetap bersih dari noise otomatis.
  • Menambahkan rate limiting untuk mencegah penyalahgunaan traffic otomatis tanpa menghalangi pelanggan asli.
  • Membangun admin panel dengan Filament, termasuk full CRUD untuk manajemen website dan anggota tim marketing.
  • Membangun dashboard analitik, tren klik, website dan kontak marketing dengan performa terbaik, dan breakdown perangkat, yang bisa difilter per periode waktu.
  • Membangun fitur ekspor CSV untuk laporan klik.
  • Menulis automated test yang mencakup logic rotasi, filter klik, dan edge case terkait.
  • Menyiapkan pipeline deployment otomatis yang menarik kode terbaru, menginstall dependency, menjalankan migration, dan rebuild cache dalam satu langkah.

Web Design

  • Merancang information architecture admin panel di sekitar banyak website dan tim marketing-nya, menjaga analitik, manajemen website, dan manajemen tim tetap terpisah dengan jelas.
  • Melokalkan seluruh interface admin ke Bahasa Indonesia untuk penggunaan sehari-hari tim.
  • Merancang tampilan analitik, grafik tren, daftar top-5, dan breakdown perangkat, agar angka paling berguna langsung kelihatan tanpa bikin tim kewalahan.
  • Merancang pembeda visual yang jelas untuk klik mencurigakan yang ditandai di tampilan detail klik, jadi tim bisa mengenalinya untuk ditinjau manual tanpa perlu menggali log mentah.
  • Merancang alur manajemen website di sekitar link redirect dan snippet embed tiap situs, jadi setup website baru mengikuti proses yang konsisten dan berulang.

Graphic Design

  • Membuat aset gambar admin panel dan menata ulang logo perusahaan yang sudah ada agar sesuai dengan interface-nya.
  • Membuat favicon situs.
  • Mengompres setiap gambar ke WebP dan di bawah 200KB sebelum diunggah, tanpa penurunan kualitas yang terlihat.

Digital Marketing

  • Membangun sistem rotasi prospek WhatsApp itu sendiri, mengubahnya jadi tool operasi marketing internal yang membagi prospek masuk secara adil ke seluruh tim.
  • Memberi tim marketing visibilitas atas performa dan volume prospek mereka sendiri lewat dashboard analitik, bukan bekerja tanpa data.
  • Memungkinkan mereka melihat website mana dari sekian banyak yang perusahaan miliki yang benar-benar mendatangkan engagement, jadi upaya marketing bisa diprioritaskan ke tempat yang paling penting.
  • Menjaga data klik dan prospek tetap bersih dari bot dan traffic palsu, jadi keputusan marketing didasarkan pada minat pelanggan asli, bukan noise.
  • Menulis snippet CTA WhatsApp yang bisa di-embed untuk situs WordPress dan Blogger, menstandarkan seberapa cepat channel penangkap prospek bisa diluncurkan ke website baru manapun yang perusahaan buat.
  • Langsung menyelesaikan masalah distribusi prospek, memastikan tidak ada satu staf marketing pun yang kebanjiran kerjaan sementara yang lain menganggur.

Sorotan

Di Balik Layar

Tinjauan lebih dekat soal apa yang ditawarkan produk jadinya, hambatan di sepanjang jalan, dan hasil akhirnya.

Fitur Utama

  • Desain full responsive di perangkat desktop dan mobile.
  • Gambar dioptimasi untuk loading cepat.
  • Rotator link WhatsApp round-robin yang membagi pertanyaan secara adil ke seluruh tim marketing.
  • Redirect yang tahan reload, pelanggan yang me-reload halaman tetap terhubung ke kontak marketing yang sama, bukan yang berbeda.
  • Filter bot dan deteksi klik mencurigakan bawaan untuk menjaga data analitik tetap bersih.
  • Dashboard analitik dengan tren klik, website dan staf marketing berperforma terbaik, dan breakdown perangkat.
  • Filter periode waktu yang bisa disesuaikan (hari ini, 7 hari, 30 hari, sepanjang waktu) di seluruh tampilan analitik.
  • Detail klik per website, termasuk aktivitas mencurigakan yang ditandai untuk ditinjau manual.
  • Rate limiting untuk mencegah penyalahgunaan traffic otomatis.
  • Ekspor CSV untuk laporan klik.
  • Admin panel lengkap untuk mengelola website dan anggota tim marketing.
  • Snippet CTA WhatsApp siap-embed untuk situs WordPress dan Blogger.
  • Interface admin yang sepenuhnya dilokalkan ke Bahasa Indonesia.
  • Panduan penggunaan dalam aplikasi, dikelompokkan per area fitur.

Tantangan yang Dihadapi

Menjaga Redirect Tetap Adil dan Konsisten

Merotasi prospek WhatsApp secara adil ke seluruh tim marketing, sambil memastikan pelanggan yang me-reload halaman selalu diarahkan ke kontak yang sama, butuh manajemen state yang hati-hati. Solusinya database-level locking, supaya tetap aman walau ada banyak traffic bersamaan.

Menjaga Analitik Klik Tetap Bersih

Traffic bot, uptime monitor, dan crawler otomatis bisa dengan mudah mencemari analitik dengan klik palsu. Diselesaikan dengan filter berlapis, jadi angka di dashboard tetap bisa dipercaya tanpa perlu dibersihkan manual.

Melayani Banyak Website Dari Satu Sistem

Tiap website bisnis perusahaan butuh link redirect, template pesan, dan pool rotasi sendiri, semuanya dikelola dari satu admin panel, bukan menduplikasi logic per situs.

Pelajaran yang Didapat

  • Membangun sistem rotasi yang adil dan aman untuk concurrency memberi pelajaran nyata soal database locking di bawah request bersamaan.
  • Menyimpan business logic di service layer khusus, bukan di model atau controller, membuat logic rotasi dan filter klik jauh lebih mudah diuji secara terpisah.
  • Memfilter traffic bot dan mencurigakan ternyata sama pentingnya dengan melacak klik asli, karena data buruk bisa lebih berbahaya daripada tidak ada data sama sekali.

Dampak

Masalah yang Terselesaikan Setelah Rilis

Bagaimana proyek ini mengubah keadaan bagi bisnis dan penggunanya setelah rilis.

Distribusi prospek yang adil

Kontak konsisten per pelanggan

Data klik yang bisa dipercaya

Manajemen terpusat dan scalable

Gambar di bawah 200KB

Redirect konsisten di bawah beban tinggi

Dibangun untuk pertumbuhan data berkelanjutan

Analitik klik lengkap

Logic yang terisolasi dan mudah diuji

Deploy otomatis satu langkah

Panduan penggunaan mandiri

Perbaikan Kritis

Prospek Menumpuk ke Satu Kontak yang Kebanjiran Kerjaan

Sebelum

Tanpa rotasi, pertanyaan WhatsApp dari seluruh website bisnis perusahaan bisa semuanya mengalir ke kontak marketing yang sama, membuat yang lain menganggur sementara satu orang menangani semuanya.

Sesudah

Prospek sekarang berotasi secara adil ke seluruh tim marketing, menjaga beban kerja tetap seimbang dan tidak ada yang kebanjiran kerjaan.

Perbaikan Kritis

Pelanggan Sampai ke Kontak Berbeda Setelah Reload Halaman

Sebelum

Tanpa perlindungan, pelanggan yang me-reload halaman bisa diarahkan ke kontak marketing yang berbeda dari sebelumnya, mengubah satu percakapan jadi bolak-balik yang membingungkan dengan dua orang berbeda.

Sesudah

Logic redirect yang tahan reload menjaga pelanggan tetap terkunci ke kontak yang sama, menjaga tiap percakapan tetap konsisten dari klik sampai closing.

Perbaikan Kritis

Klik Palsu Mengacaukan Keputusan Bisnis

Sebelum

Traffic bot, crawler, dan monitor otomatis bisa menggelembungkan angka klik, membuat sebagian website atau kontak marketing terlihat lebih efektif dari yang sebenarnya.

Sesudah

Filter bot dan klik mencurigakan berlapis menjaga angka analitik tetap bisa dipercaya, jadi keputusan yang diambil berdasarkan data ini mencerminkan minat pelanggan asli.

Perbaikan Kritis

Tidak Ada Cara untuk Berkembang Melebihi Sejumlah Kecil Website

Sebelum

Mengelola redirect dan rotasi WhatsApp secara manual di jumlah website bisnis yang terus bertambah tidak akan bisa mengikuti pertumbuhan seiring perusahaan terus menambah situs baru.

Sesudah

Satu admin panel sekarang mengelola setiap website, kontak marketing, dan pool rotasi dari satu tempat, siap berkembang bersama bisnis.

Performa

Halaman Lambat Akibat Gambar yang Tidak Dioptimasi

Sebelum

Gambar beresolusi tinggi di seluruh situs, bukan cuma satu bagian, berisiko memperlambat setiap halaman.

Sesudah

Setiap gambar di seluruh situs dikompres ke WebP dan dijaga di bawah 200KB, menjaga halaman tetap cepat tanpa penurunan kualitas yang terlihat.

Performa

Redirect Lambat atau Tidak Konsisten Saat Beban Bersamaan

Sebelum

Klik bersamaan yang datang dari banyak website sekaligus berisiko menyebabkan race condition saat memilih kontak marketing berikutnya, atau redirect yang lambat saat beban tinggi.

Sesudah

Database-level locking menjaga pemilihan rotasi tetap cepat dan konsisten bahkan di bawah traffic bersamaan, dengan redirect yang tetap nyaris instan.

Performa

Log Klik yang Terus Bertambah Tanpa Rencana Performa

Sebelum

Log klik yang terus bertambah dari traffic real-time di banyak website berisiko melambat seiring waktu tanpa pola query dan index yang tepat.

Sesudah

Pola query dan index direncanakan sejak awal untuk tabel yang terus bertambah, menjaga query analitik tetap cepat seiring data terkumpul.

Peningkatan

Tidak Ada Visibilitas Asal Prospek

Sebelum

Tidak ada cara untuk melihat website atau kontak marketing mana yang menghasilkan engagement paling banyak.

Sesudah

Dashboard analitik lengkap sekarang melacak tren klik, website berperforma terbaik, dan kontak marketing, dengan ekspor CSV untuk pelaporan yang lebih dalam.

Peningkatan

Business Logic Berserakan dan Sulit Diuji

Sebelum

Logic rotasi dan filter klik yang bercampur langsung di model atau controller akan sulit diuji secara terpisah dan dipakai ulang di tempat lain.

Sesudah

Service layer khusus menjaga logic ini tetap rapi, mudah diuji, dan bisa dipakai ulang, diverifikasi dengan automated test.

Peningkatan

Langkah Deployment Manual yang Rentan Kesalahan

Sebelum

Men-deploy update secara manual lewat banyak langkah, menarik kode, menginstall dependency, migrasi, rebuild cache, berisiko salah atau ada langkah yang terlewat.

Sesudah

Satu script deployment mengotomatiskan seluruh proses secara konsisten setiap saat.

Peningkatan

Tidak Ada Cara Mandiri Bagi Tim untuk Mempelajari Sistem

Sebelum

Tanpa dokumentasi, tim marketing perlu minta bantuan setiap kali mereka butuh pakai suatu fitur.

Sesudah

Panduan penggunaan bawaan, dikelompokkan per area fitur, memungkinkan tim mempelajari sistem secara mandiri.