Semua Proyek

Website
Putra Sari Logam

Grapiku membangun website Putra Sari Logam yang memvisualisasikan katalog produk street furniture dan proyek secara terstruktur guna memperluas visibilitas merek di tingkat B2B dan B2G.

Klien

Putra Sari Logam

Tentang Klien

Putra Sari Logam

Berdiri sejak tahun 2008, Putra Sari Logam adalah perusahaan manufaktur pengecoran logam terintegrasi yang melayani pengecoran, pemesinan, perakitan, hingga pemasok berbagai produk industri cor logam khususnya kategori street furniture.

Website Development

Objektif

Memperluas jangkauan pasar ke skala proyek

Berbekal fondasi keahlian dan pengetahuan teknis yang mendalam tentang industri logam, Putra Sari Logam memiliki visi untuk menciptakan target pasar yang lebih luas. Perusahaan ingin agar jangkauan pasarnya tidak hanya terbatas pada grosir dan pengecer, tetapi juga merambah ke pemenuhan kebutuhan skala proyek besar.

Target proyek ini meliputi suplai untuk hotel, vila, kawasan perumahan, restoran, hunian pribadi, hingga fasilitas pemerintahan.

Tantangan

Menjangkau klien B2B & B2G dan membangun kredibilitas proyek

Memasarkan produk infrastruktur tata kota dan street furniture ke segmen B2B & B2G (kontraktor, pengembang perumahan, dan instansi pemerintah) membutuhkan tingkat kepercayaan yang tinggi. Calon klien perlu melihat portofolio proyek yang valid dan spesifikasi produk yang jelas sebelum memutuskan untuk menjalin kerja sama pengadaan.

Tanpa representasi digital yang komprehensif, sulit bagi Putra Sari Logam untuk membuktikan kapasitas manufaktur mereka dan menjangkau target pasar skala nasional di luar jaringan konvensional.

Visibilitas Brand Terbatas

Ekspansi ke segmen proyek tingkat nasional terhambat karena minimnya kehadiran digital, membuat perusahaa sulit ditemukan oleh kontraktor baru.

Keunggulan Produk Sulit Dipahami

Produk pengecoran logam adalah produk yang sangat teknis. kelas beban manhole, panjang bentang arm tiang lampu, bahan ferro casting/ ductile hanya dipahami segment tertentu.

Proyek Belum Terdokumentasi Utuh

Proyek sebelumnya hanya tersimpan di galeri internal, perlu storytelling secara utuh agar dokumentasi dapat dipahami oleh calon klien dan meningkatkan kredibilitas.

Keraguan Kontraktor Skala Besar

Dalam mencari vendor, kontraktor butuh galeri nyata agar semakin yakin dalam proses procurement skala besar. Perlu pengamatan proses hingga hasil proyek lainnya.

Solusi

Website company profile yang lengkap, terpercaya dan profesional

Merancang website company profile yang mampu memperlihatkan kapabilitas Putra Sari Logam ke dalam pengalaman digital yang profesional dan meyakinkan bagi calon klien B2B dan B2G. Website tidak hanya menampilkan produk, tetapi juga sebagai media informasi yang memperlihatkan pengalaman proyek, proses produksi, proses kerja, hingga berbagai bukti pekerjaan secara terstruktur.

Proses

Proses dalam proyek ini

Discovery & Goal Alignment
Competitor Analysis
Sitemap & User Flow
UX Wireframe
UI Design & Visual Direction
Development
QA & Deploy
Discovery & Goal Alignment
Competitor Analysis
Sitemap & User Flow
UX Wireframe
UI Design & Visual Direction
Development
QA & Deploy
Discovery & Goal Alignment
Minggu 1

Penyelarasan tujuan bisnis, target pengguna, positioning, serta kebutuhan utama website Putra Sari Logam. Tahap ini juga mencakup pemetaan tantangan komunikasi, prioritas fitur, dan indikator keberhasilan proyek.

Brief Document
Competitor Analysis
Minggu 2

Analisis kompetitor langsung dan tidak langsung untuk memetakan benchmark visual, struktur informasi, fitur, positioning, serta peluang diferensiasi Putra Sari Logam.

Competitor Analysis Report
Sitemap & User Flow
Minggu 3

Perancangan arsitektur informasi sesuai user journey B2B maupun B2G.

SitemapUserflow DiagramFeature Backlog
UX Wireframe
Minggu 3

Strukturisasi konten ke dalam wireframe. Fokus pada navigasi, hierarki informasi halaman produk, artikel hingga dokumentasi proyek.

Wireframe Design
UI Design & Visual Direction
Minggu 4

Implementasi sistem visual sesuai brand guideline yang mengikuti visual perusahaan Putra Sari Logam. Desain komponen UI konsisten untuk seluruh halaman.

UI KitVisual AssetsPrototype
Development
Minggu 4

Pembangunan website dinamis di atas WordPress custom. Mencakup pengembangan katalog produk, pengembangan konten, integrasi hingga optimasi kode secara efisien.

Website Staging ModeCustom Functions
QA & Deploy
Minggu 8

Pengujian menyeluruh lintas device dan browser. Pemindahan ke domain putrasarilogam.com, integrasi analitik, keamanan, dan SEO dasar. Serta sesi pelatihan tim PSL untuk pengelolaan konten mandiri.

QA ReportServer ReadyWebsite Live ProductionDocumentationMaintenance Handover

Eksekusi

Website yang menampilkan kapabilitas secara profesional dan meyakinkan

Struktur presentasi produk

Informasi produk disusun sebagai landing page yang mengarahkan calon klien dari pemahaman produk hingga tindakan berikutnya. Setiap halaman tidak hanya menampilkan produk, tetapi juga menginformasikan keunggulan, spesifikasi, proyek terkait, serta galeri proses produksi untuk memberikan gambaran yang lebih menyeluruh mengenai kapabilitas Putra Sari Logam.

Di setiap bagian, CTA ditempatkan secara strategis untuk memudahkan calon klien melanjutkan ke tahap konsultasi atau menghubungi tim Putra Sari Logam.

Showcase proyek sebagai bukti kapabilitas

Untuk meningkatkan keyakinan kontraktor maupun klien B2B dan B2G, pengalaman Putra Sari Logam diperlihatkan ke dalam laman proyek yang terdokumentasi secara lengkap.

Setiap proyek dilengkapi dengan informasi yang membantu calon klien memahami konteks pekerjaan, mulai dari dokumentasi visual, album galeri, lokasi proyek, hingga tahun pengerjaan. Struktur ini memberikan bukti konkret atas pengalaman dan kemampuan Putra Sari Logam dalam menangani berbagai kebutuhan proyek.

Integrasi Video Youtube sebagai visibilitas lanjutan

Foto dan informasi proyek dilengkapi dengan integrasi video YouTube untuk memberikan perspektif yang lebih nyata mengenai pekerjaan Putra Sari Logam.

Melalui video proses produksi hingga hasil pekerjaan, calon klien dapat melihat kapabilitas produksi dan kualitas pekerjaan secara lebih langsung. Kehadiran konten video juga memberikan lapisan informasi tambahan bagi pengguna yang membutuhkan keyakinan lebih sebelum mempertimbangkan Putra Sari Logam sebagai partner proyek.

Mobile responsive untuk meningkatkan pengalaman pengguna

Website dioptimalkan untuk berbagai ukuran perangkat agar seluruh informasi mulai dari produk, proyek, hingga galeri perusahaan tetap mudah diakses kapan pun dan di mana pun. Struktur layout, navigasi, galeri, hingga CTA disesuaikan untuk perangkat mobile sehingga calon klien tetap mendapatkan pengalaman yang nyaman ketika mencari referensi produk maupun proyek melalui smartphone.

Strategi SEO untuk meningkatkan visibilitas

Website dikembangkan dengan pendekatan SEO untuk meningkatkan peluang Putra Sari Logam ditemukan oleh calon klien yang sedang mencari produk maupun layanan terkait. Struktur halaman, konten produk, dokumentasi proyek, serta informasi pendukung disusun agar lebih relevan terhadap kebutuhan pencarian pengguna. Dengan demikian, website tidak hanya berfungsi sebagai company profile, tetapi juga sebagai kanal akuisisi organik yang membantu memperluas jangkauan Putra Sari Logam di mesin pencari.

Hasil Terukur

Meningkatkan visibilitas klien B2B dan B2G

%
Pengunjung Naik Per 3 Bulan

Pertumbuhan trafik website yang konsisten menunjukkan peningkatan jangkauan dan ketertarikan audiens terhadap informasi serta layanan yang tersedia.

%
CTR Rata-rata

Persentase pengunjung yang melanjutkan interaksi setelah melihat konten. Untuk target market dengan intent B2B dan B2G, rentang CTR 2-3% sudah cukup baik.

Tim dan Teknologi

Dibalik Proyek Ini

Komposisi Tim

Project ManagerContent WriterWeb DeveloperQA SpecialistDevOps

Teknologi yang Digunakan

WordPressNginxCloudflare

Proyek Anda bisa jadi cerita berikutnya

Hubungi Kami