Loading image 1...
MHUCoalWebsite&CMS
Portal Korporat dan Keberlanjutan untuk Perusahaan Tambang, Dikerjakan Bersama Cipta Dua Saudara
MHU Coal Website & CMS
MHU Coal Website & CMS
Portal Korporat dan Keberlanjutan untuk Perusahaan Tambang, Dikerjakan Bersama Cipta Dua Saudara
Portal Korporat dan Keberlanjutan untuk Perusahaan Tambang, Dikerjakan Bersama Cipta Dua Saudara
Portal korporat MHU Coal menyampaikan operasi tambang lewat sudut pandang keberlanjutan, bukan lewat angka produksi. Isinya mencakup ringkasan perusahaan, kerja lingkungan, operasi dan logistik, energi terbarukan, konservasi, warisan budaya, rencana pascatambang, dan pengembangan masyarakat. Javapixa mengerjakannya bersama Cipta Dua Saudara: desain UI/UX, frontend Next.js, dan CMS dengan backend Go.
Masalah & Tantangan
Organisasi industri biasanya perlu menyampaikan banyak hal sekaligus: produksi, lingkungan, komunitas, warisan budaya, dan rencana pascatambang. Tantangan sebenarnya bukan menulis kontennya, melainkan menyusun hierarki informasi supaya situsnya tidak berubah menjadi arsip brosur yang tidak terbaca siapa pun. Tim komunikasi juga harus bisa menerbitkan sendiri tanpa meminta bantuan developer setiap kali.
Struktur situs dibangun mengikuti tema, bukan mengikuti struktur organisasi, dengan panel visual besar dan pesan singkat di setiap bagian agar pembaca bisa memilih yang relevan baginya. Frontend memakai Next.js, dengan CMS bertulang punggung Go sehingga tim komunikasi bisa memperbarui konten, laporan, dan profil video sendiri. Desain UI/UX dikerjakan lebih dulu agar hierarkinya sudah selesai sebelum satu baris kode ditulis.
Perjalanan Visual
Showcase Proyek
Loading image 1...
Tangkapan Layar 1
Visualisasi proyek dan desain antarmuka
StackTeknologi
Next.js
Framework Web
Go
Backend
CMS
Manajemen Konten
Figma
Desain UI/UX
FiturUtama
Struktur Berbasis Tema
Bagian disusun mengikuti tema seperti lingkungan, operasi, energi terbarukan, warisan budaya, dan rencana pascatambang, bukan mengikuti bagan organisasi perusahaan.
Panel Visual dan Pesan Singkat
Tiap bagian dibuka dengan panel visual besar dan kalimat pendek, sehingga pembaca bisa memindai dulu sebelum memutuskan mana yang ingin dibaca lengkap.
CMS untuk Tim Komunikasi
Konten, laporan, dan profil video dapat diperbarui sendiri oleh tim komunikasi tanpa meminta bantuan developer.
Profil Video
Materi audio visual disediakan untuk pembaca yang lebih mudah memahami informasi lewat video daripada teks panjang.
Bagian Lingkungan dan Komunitas
Perlindungan habitat, pembibitan, konservasi air, flora lokal, konservasi, warisan budaya, dan pengembangan masyarakat mendapat ruangnya sendiri.
ProsesKami
Pandangan detail tentang bagaimana kami mewujudkan proyek ini dari konsep hingga kenyataan melalui metodologi kami yang terbukti.
UI/UX dan Hierarki Informasi
Memetakan seluruh materi yang harus disampaikan, lalu menyusunnya menjadi tema dengan hierarki yang jelas di Figma sebelum masuk ke pengembangan.
Frontend dan CMS
Membangun frontend dengan Next.js dan CMS dengan backend Go, termasuk struktur konten agar tim komunikasi bisa menerbitkan sendiri.
Konten dan Peluncuran
Mengisi konten awal, menyiapkan profil video, pengujian lintas perangkat, lalu peluncuran bersama Cipta Dua Saudara.
04 Hasil yang diserahkan
- 01Konten disusun mengikuti tema, sehingga pembaca bisa langsung menuju bagian yang relevan.
- 02Tim komunikasi dapat menerbitkan dan memperbarui konten sendiri lewat CMS.
- 03Profil video disertakan untuk pembaca yang lebih mudah menangkap informasi secara audio visual.
- 04TODO: lengkapi dengan hasil yang dapat diverifikasi dari klien bila tersedia.
Layanan Terkait
Layanan yang Digunakan pada Proyek Ini
Berikut layanan Javapixa yang mengerjakan proyek ini.