Latar Belakang
Sebagai penyedia layanan internet, My Internusa membutuhkan dashboard admin yang solid untuk mengelola data operasional, mulai dari CRM pelanggan, pemasangan baru, hingga sistem billing dan tagihan. Desain telah disediakan dalam bentuk Figma, namun tantangannya adalah mengubah desain statis tersebut menjadi sekumpulan halaman statis (slicing) yang maintainable, responsif, dan siap diintegrasikan oleh tim backend, tanpa terjebak pada pixel-perfect buta yang mengorbankan fluiditas layout.
Solusi yang Kami Bangun
Project ini dieksekusi dengan prinsip Bootstrap-first. Artinya, struktur layout, grid, dan komponen dasar sepenuhnya bersandar pada utility dan sistem komponen Bootstrap 5. Kustomisasi Sass hanya ditambahkan saat Bootstrap tidak mampu mengekspresikan desain dengan bersih, seperti pada brand colors, app shell (sidebar & topbar), atau komponen khusus dashboard seperti grafik dan stat cards.
- Dashboard Shell Konsisten — layout utama yang mencakup sidebar navigasi dan topbar yang responsif.
- Sistem Slicing Dua Fase — fase purwarupa (skeleton) untuk memvalidasi layout dan hirarki, dilanjutkan fase high-fidelity untuk visual dan polish.
- Arsitektur Sass Modular — pemisahan base, components, layouts, dan pages untuk menjaga style tidak saling berbenturan dan siap direfaktor menggunakan global tokens.
- Integrasi ApexCharts & Iconify — implementasi grafik interaktif untuk laporan billing dan icon set yang konsisten.
- Vite Build System — lingkungan development modern dengan Vite untuk kompilasi Sass dan hot module replacement (HMR) yang cepat.
