Logo Resmi Fadhil
Fadhil NuruzzamanSoftware Engineer
Logo Resmi Fadhil
Company ProfilePT Raja Rak Indonesia2024

Rak Gudang Heavy Duty: Website Company Profile

Rak Gudang Heavy Duty sudah punya website untuk katalog rak industrinya, tapi tampilannya terasa usang dan menyulitkan prospek yang ingin menilai sendiri spesifikasi teknis atau kredibilitas perusahaan. Proyek ini mendesain ulang situsnya jadi pengalaman yang lebih cepat dan modern.

Preview

Jelajahi Situsnya

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

Preview desktop Rak Gudang Heavy Duty: Website Company Profile

Desktop

Preview mobile Rak Gudang Heavy Duty: Website Company Profile

Mobile

Tech Stack

Teknologi Penggerak Proyek

Tools dan teknologi yang digunakan untuk mewujudkan proyek ini.

Logo Wordpress
Logo Elementor Pro
Logo WooCommerce
Logo LiteSpeed Cache
Logo Redis
Logo Plesk
Logo AIOSEO
Logo Google Search Console
Logo Google Analytics
Logo Claude

Peran

Rincian per Skill

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

Web Development

  • Mendesain ulang dan membangun ulang situs dengan WordPress dan Elementor Pro.
  • Menginstall dan mengonfigurasi setiap plugin yang dibutuhkan situs.
  • Membangun field ACF custom untuk spesifikasi produk yang terstruktur.
  • Membangun katalog produk dengan Elementor Pro.
  • Mengonfigurasi fail2ban dan rate-limiting untuk menangkap traffic bot sebelum jadi masalah.
  • Mengonfigurasi SSL, backup rutin, dan optimasi kecepatan situs untuk keandalan.
  • Melakukan pemeliharaan rutin: update plugin dan tema, serta memantau performa dan uptime.

Web Design

  • Menyesuaikan global style, warna, dan tipografi Elementor Pro agar sesuai branding klien.
  • Merancang layout yang dibangun untuk membandingkan spesifikasi teknis.
  • Menyusun katalog berdasarkan kapasitas beban untuk filter yang mudah.
  • Menjaga desain tetap industrial dan langsung untuk beragam pembeli.
  • Merancang bagian company profile dan kredibilitas untuk membangun kepercayaan pembeli.
  • Merancang bagian showcase klien yang menonjolkan perusahaan-perusahaan yang sudah membeli dari mereka.
  • Melakukan penyesuaian responsif per halaman di luar breakpoint default tema.

Graphic Design

  • Menyesuaikan logo klien yang sudah ada untuk penggunaan web, menyesuaikan ukuran, format, dan latar belakang.
  • Merancang ikon kapasitas dan kategori sederhana.
  • Menyiapkan fotografi dan diagram produk untuk spec sheet.
  • Membangun template visual yang konsisten untuk tiap halaman produk.
  • Menyiapkan fotografi untuk company profile dan fasilitas, bukan cuma produk.
  • Mengkurasi aset visual untuk bagian kredibilitas dan showcase klien.
  • Membuat favicon situs.
  • Mengompres setiap gambar ke WebP dan di bawah 200KB sebelum diunggah, tanpa penurunan kualitas yang terlihat.

Digital Marketing

  • Menulis company profile dan copy marketing yang jelas untuk membangun kredibilitas dengan pembeli.
  • Menonjolkan jangkauan brand dan hubungan klien sebelumnya untuk membangun social proof.
  • Memosisikan jangkauan pengiriman nasional sebagai poin penjualan yang membangun kepercayaan.
  • Mengoptimasi konten untuk istilah pencarian rak industrial.
  • Menulis deskripsi SEO yang menargetkan beragam pencarian pembeli.
  • Menyiapkan tracking konversi dasar di klik kontak (WhatsApp, telepon, dan email).
  • Menyiapkan Google Search Console dan Google Analytics untuk memantau traffic.

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.
  • Integrasi Google Analytics dan Search Console.
  • Spesifikasi teknis produk yang terstruktur dan konsisten.
  • Katalog rak yang terorganisir berdasarkan kapasitas beban.
  • Judul dan deskripsi produk yang dioptimasi SEO.
  • Markup structured data untuk visibilitas mesin pencari yang lebih baik.
  • Kontak langsung lewat WhatsApp, telepon, atau email untuk pertanyaan harga.
  • Informasi jangkauan pengiriman nasional.
  • Company profile dan konten marketing yang dibangun untuk kredibilitas.
  • Informasi kontak dan alamat.
  • Galeri foto produk dan fasilitas.
  • Halaman portofolio proyek gudang yang sudah selesai.
  • Overview brand yang dijual.
  • Showcase perusahaan-perusahaan yang sudah membeli produk mereka.

Tantangan yang Dihadapi

Data Spesifikasi Produk yang Tidak Konsisten

Tiap brosur produk lama memakai format spesifikasi yang berbeda, jadi distandarkan lewat field custom ACF agar konsisten di semua halaman produk.

Menangkap Traffic Bot Sebelum Jadi Masalah

Situs sesekali mengalami traffic bot yang mencoba mencari celah dan scraping konten, diatasi dengan fail2ban dan rate-limiting sebelum bisa berkembang jadi outage seperti yang terjadi di proyek lain.

Pelajaran yang Didapat

  • Belajar mendesain untuk beragam pembeli yang lebih peduli pada kejelasan daripada tampilan yang mencolok.
  • Mendapat pengalaman praktis dengan ACF untuk membangun field konten yang terstruktur dan bisa dipakai ulang.
  • Belajar menerapkan langkah mitigasi bot dasar secara proaktif, sebelum ancaman kecil bisa berkembang jadi outage yang lebih besar.

Dampak

Masalah yang Terselesaikan Setelah Rilis

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

Gambar di bawah 200KB

Tanpa downtime akibat traffic bot

Spesifikasi mandiri

Storefront yang dimodernisasi

Showcase klien yang terlihat

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.

Peningkatan

Traffic Bot Tertangkap Sebelum Berkembang

Sebelum

Traffic bot sesekali mencoba mencari celah di situs dan scraping konten.

Sesudah

fail2ban dan rate-limiting menangkap dan memblokir traffic mencurigakan sebelum memengaruhi pengunjung asli.

Peningkatan

Proses Evaluasi Produk Prospek

Sebelum

Situs lama tidak mencantumkan spesifikasi lengkap, jadi prospek harus meminta brosur dan menunggu balasan sales cuma untuk mempelajarinya.

Sesudah

Spesifikasi lengkap sekarang tersedia langsung di halaman produk, mempercepat evaluasi sebelum menghubungi sales.

Peningkatan

Company Profile yang Lebih Kredibel

Sebelum

Situs lama terasa usang dan tidak mengomunikasikan brand atau profil perusahaan dengan jelas.

Sesudah

Redesain menambahkan konten marketing yang jelas dan informasi company profile, memberi pembeli kesan pertama yang lebih kuat.

Peningkatan

Social Proof Dari Pembeli Sebelumnya

Sebelum

Situs lama tidak menampilkan perusahaan manapun yang sudah membeli dari mereka.

Sesudah

Showcase klien sekarang memberi prospek baru social proof dari perusahaan-perusahaan yang sudah mempercayai brand ini.