Projects
Sebelum menghubungi kontraktor, hal pertama yang saya lakukan adalah mengetik nama layanan ditambah nama daerah di Google. Dari dua atau tiga hasil teratas, saya menilai apakah perusahaan itu layak dipercaya: alamatnya jelas atau tidak, layanannya dijelaskan atau tidak, dan ada bukti pekerjaan atau tidak. Portofolio website mahestrigroup.com adalah salah satu contoh yang saya pelajari, karena situs ini dibangun Harkovnet Indonesia untuk PT. MAHESTRI JAYA INDONESIA, perusahaan pengadaan lahan dan konstruksi perumahan di Jabodetabek.
Yang membuat saya berhenti adalah ketenangan tampilannya. Situs itu didominasi hitam dan putih, tanpa gambar bergerak berlebihan, dan menjelaskan pekerjaan perusahaan tanpa klaim besar. Saya penasaran: apa yang dikerjakan di baliknya, dan apakah hasilnya membuat bisnis ini ditemukan calon pelanggan.
PT. MAHESTRI JAYA INDONESIA bergerak di bidang jasa pengadaan lahan dan konstruksi pembangunan perumahan. Kantornya berada di Jl. Raya Veteran No. 1 Bintaro, Jakarta Selatan, dan wilayah kerjanya mencakup DKI Jakarta, Jawa Barat, serta Banten.
Ada tiga pekerjaan yang ditawarkan: pengadaan lahan, konstruksi pembangunan, dan konstruksi perumahan. Ketiganya saling berkaitan. Pengadaan lahan mencakup penelusuran bidang, pendampingan negosiasi, pemeriksaan dokumen, dan proses peralihan. Konstruksi pembangunan menangani pekerjaan struktur sampai penyelesaian akhir. Konstruksi perumahan mengatur tata letak kavling, pembangunan rumah, jalan lingkungan, dan saluran air.
Nilai kerja yang dipakai perusahaan adalah jujur, tepat waktu, tanggung jawab, dan peduli. Bagi calon pelanggan, nilai seperti ini baru terasa lewat cara perusahaan berkomunikasi, dan di situs itulah komunikasi itu dimulai.
Sebelum situs ini ada, calon pelanggan yang mencari penyedia pengadaan lahan di Bogor atau Bekasi tidak punya tempat untuk memeriksa kredibilitas perusahaan. Mereka hanya menemukan percakapan dari mulut ke mulut, atau tidak menemukan apa pun. Perusahaan dengan pengalaman lapangan bisa kalah dari pesaing yang lebih dulu muncul di pencarian, meski kualitas pekerjaannya belum tentu lebih baik.
Website company profile punya dua tugas di sini. Pertama, meyakinkan orang yang sudah tahu nama perusahaannya. Kedua, ditemukan oleh orang yang belum tahu dan sedang mencari. Tugas kedua inilah yang paling sering diabaikan, dan di situs Mahestri justru menjadi bagian terbesar pekerjaannya.
Harkovnet membangun situs ini sebagai company profile dengan halaman dinamis untuk wilayah kerja. Isinya lima halaman inti: Beranda, Tentang Kami, Layanan, Area, dan Kontak. Di luar itu ada halaman artikel dan halaman area yang dibuat per kecamatan.
Beberapa fitur yang terasa langsung bagi pengunjung:
Untuk mesin pencari, situs menyediakan sitemap, robots.txt, feed RSS, berkas llms.txt, dan data terstruktur JSON-LD. Ada juga artikel yang menjawab pertanyaan calon pelanggan, misalnya cara mengurus pengadaan lahan.
Lihat Harkovnet Indonesia Portofolio Lainnya!
Situs ini dibangun dengan Next.js 16 App Router, React 19, dan TypeScript 5. Tailwind CSS 4 dipakai untuk token desain, dan anime.js 4 untuk animasi masuk yang halus. Ikon memakai Font Awesome Free 7 yang diimpor per ikon agar bundel tidak membengkak. Validasi variabel lingkungan memakai zod dan hanya berjalan di sisi server.
Halaman inti dirender statis saat build. Halaman area memakai generateStaticParams sehingga ratusan URL sudah siap sebelum pengunjung pertama datang. Gambar dilayani lewat next/image, font dimuat dengan font-display swap, dan skrip analitik Umami dipasang defer agar tidak menghambat render.
Pemilihan ini masuk akal untuk company profile. Tidak ada basis data, tidak ada CMS, dan tidak ada panel admin yang harus dirawat. Artikel disimpan sebagai data TypeScript, cukup untuk tiga artikel awal. Biaya operasional tetap rendah, sementara kecepatan halaman tetap terjaga.
Situs memakai palet hitam dan putih dengan teks sekunder abu-abu. Tidak ada gradasi, bayangan, atau ornamen dekoratif. Pemisah antar bagian memakai garis satu piksel dan ruang kosong. Satu-satunya warna aksen adalah hijau WhatsApp pada tombol mengambang.
Judul memakai Montserrat dengan bobot 600 sampai 700, sedangkan teks isi memakai Inter pada ukuran minimal 16 piksel. Lebar baris dibatasi agar nyaman dibaca. Warna teks tersier pernah hanya mencapai kontras 3,36:1, lalu digelapkan sampai 5,33:1 supaya lolos ambang aksesibilitas 4,5:1.
Detail kecil lain juga dijaga: tautan lewati navigasi untuk pengguna keyboard, target sentuh minimal 44 piksel, cincin fokus yang terlihat, dan animasi yang berhenti bila pengunjung mengaktifkan prefers-reduced-motion.
Ini bagian yang paling ingin saya periksa sebagai calon pelanggan, karena tampilan bagus tidak otomatis mendatangkan pembeli. Harkovnet menetapkan tiga kata kunci utama: jasa pengadaan lahan, jasa konstruksi pembangunan, dan jasa konstruksi perumahan. Ketiganya dipetakan ke halaman layanan dan halaman area.
Cakupan wilayahnya 14 kota dan kabupaten serta 184 kecamatan di tiga provinsi. Dengan pemetaan kata kunci yang masuk akal, jumlah URL situs berada di kisaran 600. Setiap halaman kecamatan wajib punya paragraf pembuka yang menyebut kecamatan, kota, dan provinsi, cakupan layanan yang sesuai, minimal tiga tanya jawab yang relevan, dan minimal tiga tautan internal.
Aturan kontennya ketat. Paragraf yang sama tidak boleh disalin ke banyak halaman lalu hanya diganti nama wilayah. Wilayah yang tidak masuk akal dilayani tidak dibuatkan halaman. Setiap judul dijaga di rentang 40 sampai 60 karakter, deskripsi 120 sampai 155 karakter, dan setiap halaman punya canonical sendiri. Data terstruktur mencakup Organization, LocalBusiness, WebSite, BreadcrumbList, Service, FAQPage, Article, dan Place.
Ada juga pengaman otomatis. Perintah npm run verify memeriksa token warna, kontras, judul, deskripsi, canonical, RSS, JSON-LD, sitemap, dan llms.txt pada seluruh HTML hasil build. Artinya kesalahan metadata tertangkap sebelum situs naik ke produksi, bukan setelah beberapa bulan.
Sebagai calon pelanggan, saya menguji dengan cara yang paling sederhana: mengetik layanan ditambah nama kota. Kueri seperti “Jasa Pengadaan Lahan Bogor”, “Jasa Pengadaan Lahan Jakarta”, dan “Jasa Pengadaan Lahan Bekasi” menampilkan situs ini di hasil pencarian Google.
Tiga kueri itu hanya sebagian kecil dari dampaknya. Di luar Bogor, Jakarta, dan Bekasi masih ada Depok, Tangerang, Tangerang Selatan, Kabupaten Bogor, Kabupaten Bekasi, dan puluhan kecamatan lain yang punya halaman sendiri. Setiap halaman bekerja seperti pintu masuk yang berbeda, jadi calon pelanggan bisa menemukan perusahaan dari pencarian yang paling dekat dengan lokasinya.
Hasilnya terlihat saat saya mengulang kueri yang sama beberapa hari kemudian dan situs itu tetap muncul.
Kalau Anda punya bisnis jasa, konstruksi, pengadaan, atau usaha lokal lain, masalahnya sering mirip: pekerjaan datang dari referensi, lalu berhenti ketika jaringan itu habis. Website company profile yang dirancang benar memberi jalur kedua. Orang yang belum mengenal Anda bisa menemukan halaman yang tepat, membaca penjelasan layanan, dan menghubungi Anda tanpa perantara.
Struktur halaman yang mengikuti cara pelanggan mencari sama pentingnya dengan desain. Anda juga perlu konten yang menjawab pertanyaan mereka dan pengukuran supaya tahu halaman mana yang bekerja. Di situs Mahestri, ketiganya dikerjakan bersama sejak awal.
Harkovnet Indonesia mengerjakan pembuatan website, desain UI/UX, aplikasi mobile, dan optimasi SEO. Untuk proyek seperti Mahestri, pekerjaannya mencakup perencanaan struktur halaman, penulisan konten, implementasi desain, penyiapan data terstruktur, sampai pemeriksaan otomatis sebelum situs terbit.
Kalau ingin tahu bentuk website yang cocok untuk bisnis Anda, ceritakan layanan dan wilayah kerja Anda. Tim Harkovnet akan membantu memetakan halaman yang perlu dibuat.
Konsultasikan kebutuhan website bisnis Anda dengan Harkovnet Indonesia.
Bisa, asalkan setiap daerah punya halaman dengan konten yang berbeda-beda. Situs Mahestri membuktikannya lewat halaman per kecamatan yang memuat paragraf, tanya jawab, dan tautan internal khusus untuk wilayah tersebut. Halaman yang hanya mengganti nama kota biasanya justru dinilai sebagai konten tipis.
Untuk situs Mahestri, Harkovnet memakai Next.js 16 App Router, React 19, TypeScript, Tailwind CSS 4, dan anime.js. Halaman inti dirender statis saat build agar cepat, sementara halaman wilayah dibuat otomatis dari dataset. Pilihan teknologi disesuaikan dengan kebutuhan proyek, bukan dipaksakan sama untuk semua klien.
Durasi bergantung pada jumlah halaman, kesiapan konten, dan kompleksitas desain. Situs Mahestri dikerjakan bertahap dalam lima fase, mulai dari frontend, formulir dan feed, konten wilayah, perbaikan kualitas, sampai audit antarmuka dan SEO. Jadwal disusun setelah lingkup pekerjaan disepakati.
Risiko itu ada dan sudah diantisipasi. Setiap halaman wajib punya paragraf pembuka 80 sampai 150 kata, minimal tiga tanya jawab yang menyebut kecamatan, minimal tiga tautan internal, dan satu blok bukti bila aset tersedia. Kombinasi kata kunci dan wilayah yang tidak masuk akal tidak dibuatkan halaman.
Cukup profil bisnis, daftar layanan, wilayah kerja, kontak resmi, dan foto pekerjaan yang boleh dipublikasikan. Dari bahan itu Harkovnet bisa menyusun struktur halaman dan kata kunci sasaran. Konten panjang bisa ditulis bersama, termasuk artikel yang menjawab pertanyaan calon pelanggan Anda.
Kami siap membantu mewujudkan ide digital Anda menjadi kenyataan seperti project Portofolio Website mahestrigroup.com oleh Harkovnet Indonesia ini. Hubungi kami untuk diskusi lebih lanjut.
Mulai Konsultasi Gratis