Semua Proyek

Revamp Website Eonchemicals

Grapiku merancang ulang website eonchemicals.com menjadi lebih bekerja dalam meningkatkan brand awareness dan leads hingga 5x lipat.

Klien

Eonchemicals Putra

Industri

Tentang Klien

Eonchemicals Putra

EON Chemicals, atau EON, merupakan merek PT Eonchemicals Putra yang menyediakan berbagai jenis bahan kimia khusus untuk mendukung kebutuhan proses di berbagai industri.

EON tidak hanya menghadirkan produk, tetapi juga memadukan solusi, layanan teknik, dan komitmen pelayanan untuk membantu pelanggan mengatasi permasalahan industri serta meningkatkan efisiensi prosesnya.

Website Revamp

Objektif

Meningkatkan positioning solusi EON & meningkatkan leads

Bahan kimia dalam proses industri bukan sekadar produk, tetapi bagian dari solusi untuk mengatasi permasalahan dan meningkatkan efisiensi. Karena itu, EON tidak ingin hanya dikenal sebagai produsen dan distributor bahan kimia khusus, tetapi sebagai mitra yang mampu memberikan solusi serta layanan teknik sesuai kebutuhan pelanggan.

Website perlu mengomunikasikan positioning tersebut dengan lebih jelas. Pengunjung harus dapat memahami kapabilitas EON, menemukan solusi yang relevan dengan kebutuhannya, lalu terhubung dengan tim EON melalui jalur konversi yang terarah.

Tantangan

Website lama belum menghubungkan kebutuhan industri dengan Solusi EON

EON memiliki beragam produk, solusi, dan layanan teknik untuk kebutuhan industri yang berbeda. Namun, tanpa struktur informasi dan pengalaman pengguna yang tepat, kapabilitas tersebut sulit ditemukan dan dipahami oleh calon pelanggan.4

Website juga perlu memiliki fondasi teknis yang lebih optimal sekaligus menyediakan jalur interaksi yang mampu mengubah pencarian informasi menjadi peluang bisnis.

Positioning Solusi EON Belum Menonjol

Informasi perusahaan dan produk belum menunjukkan peran EON sebagai penyedia solusi industri. Akibatnya, EON hanya dipersepsikan sebagai produsen/ distributor saja.

Informasi Sulit Ditemukan

Banyaknya produk dan solusi memerlukan sistem pencarian, navigasi, dan keterhubungan konten yang terstruktur agar UX mudah dan user journey mengalir hingga konversi.

Performa Teknis Belum Optimal

Kecepatan, aksesibilitas, keamanan, dan kesehatan teknis website perlu ditingkatkan dari versi sebelumnya dan proses migrasi tanpa error.

Kebutuhan Inovasi Peningkat Leads

Tim EON membutuhkan berbagai insight dan inovasi fitur untuk menambah potensi peningkatan lead.

Solusi

Dari katalog bahan kimia menjadi pusat solusi industri

Grapiku merancang ulang website dengan menempatkan Solusi EON sebagai inti perjalanan pengguna. Produk, layanan teknik, dan wawasan dihubungkan berdasarkan kebutuhan industri agar pengguna lebih mudah memahami kapabilitas EON dan menemukan solusi yang relevan.

Pencarian, navigasi, dan keterhubungan konten disederhanakan, didukung UI yang selaras dengan identitas EON serta fondasi teknis yang lebih cepat, aman, aksesibel, dan ramah mesin pencari. Jalur konversi ditempatkan secara kontekstual untuk mengarahkan kebutuhan pengguna menjadi leads.

Proses

Proses dalam proyek ini

Positioning & Goal Alignment
Website & Technical Audit
Competitor & Content Gap Analysis
Sitemap & User Flow
UX Wireframe
UI Design & Visual Direction
Development
Content Implementation
QA, UAT & Deploy
Positioning & Goal Alignment
Website & Technical Audit
Competitor & Content Gap Analysis
Sitemap & User Flow
UX Wireframe
UI Design & Visual Direction
Development
Content Implementation
QA, UAT & Deploy
Positioning & Goal Alignment
Minggu 1

Penyelarasan tujuan bisnis, positioning Solusi EON, target pengguna, dan kebutuhan lead generation. Hasilnya menjadi acuan komunikasi, UX, serta KPI revamp.

Brief DocumentProject Goals
Website & Technical Audit
Minggu 2

Audit website lama mencakup struktur halaman, kualitas konten, user journey, fungsi, performa, aksesibilitas, keamanan, SEO, dan berbagai error teknis.

Website Audit ReportContent InventoryTechnical & SEO Audit
Competitor & Content Gap Analysis
Minggu 2

Riset kompetitor untuk membandingkan positioning, struktur informasi, fitur, dan visibilitas pencarian. Analisis dilanjutkan dengan memetakan konten yang perlu dibuat, diperbarui, atau dihubungkan untuk memperkuat Solusi EON.

Competitor Analysis ReportContent Gap Mapping
Sitemap & User Flow
Minggu 3

Perancangan arsitektur informasi yang menghubungkan perusahaan, industri, solusi, produk, layanan, dan wawasan. User flow disusun untuk mengarahkan penemuan informasi hingga inquiry.

SitemapUserflow DiagramFeature BacklogRedirect Mapping
UX Wireframe
Minggu 3

Strukturisasi konten ke dalam wireframe dengan fokus pada pencarian, navigasi, keterhubungan antar halaman, dan jalur konversi.

Wireframe DesignInteractive Flow
UI Design & Visual Direction
Minggu 4

Pengembangan sistem visual yang selaras dengan identitas EON dan memperkuat citra perusahaan sebagai penyedia solusi kimia untuk berbagai industri.

UI KitVisual AssetsPrototype
Development
Minggu 4

Pembangunan website dinamis mencakup implementasi desain, pencarian, sinkronisasi konten, fitur lead generation, serta optimasi performa dan keamanan.

Website Staging ModeCustom FunctionsSystem Integration
Content Implementation
Minggu 4

Restrukturisasi dan penerapan konten berdasarkan arsitektur baru, termasuk penghubungan solusi, produk, layanan, dan wawasan terkait. Tahap ini paralel dengan development.

Structured Website ContentRelated Content ConfigurationContent Migration
QA, UAT & Deploy
Minggu 8

Pengujian fungsi, konten, formulir, pencarian, performa, aksesibilitas, keamanan, dan SEO bersama tim EON. Website kemudian diluncurkan di eonchemicals.com disertai dokumentasi dan pelatihan pengelolaan.

QA & UAT ReportServer ReadyWebsite Live ProductionDocumentationMaintenance Handover

Eksekusi

Solusi EON lebih mudah ditemukan, dipahami, dan dikonsultasikan

Positioning EON sebagai chemical solutions

Website tidak lagi menempatkan EON sekadar sebagai produsen dan distributor bahan kimia. Tampilan dan konten dirancang untuk memperkenalkan EON sebagai perusahaan specialty chemicals yang memadukan produk, solusi, dan layanan teknik.

Kredibilitas tersebut diperkuat melalui pengalaman perusahaan, jangkauan kantor cabang, tenaga profesional, sertifikasi, cakupan industri, cerita sukses, dan testimoni pelanggan.

Struktur konten berbasis solusi

Website EON tidak langsung mengarahkan pengunjung untuk memilih produk. Grapiku menyusun user journey yang dimulai dari problem industri, dilanjutkan dengan Solusi EON, lalu produk dan layanan teknik yang relevan.

Struktur ini membantu calon pelanggan memahami bahan kimia yang tepat sebelum mengambil keputusan. Setiap pencarian juga membuka peluang konsultasi yang lebih kontekstual, sehingga mendekatkan EON dengan pelanggan sekaligus mendorong leads.

Pencarian terpadu Temukan Solusi EON

Grapiku mengembangkan fitur pencarian yang menggabungkan Problem & Solusi, Artikel, Video, Produk, dan Brosur dalam satu halaman.

Pengguna dapat mencari berdasarkan kata kunci dan menyaring tipe konten untuk menemukan informasi yang relevan dengan lebih cepat, meskipun belum mengetahui halaman atau produk yang harus dituju.

Presentasi Produk yang Lengkap

Setiap halaman produk tidak hanya menyajikan informasi utama, tetapi juga menghubungkannya dengan artikel, Problem & Solusi, video, Safety Data Sheet (SDS), serta brosur atau Technical Data Sheet (TDS).

Keterkaitan resource ini membantu pengguna memahami aplikasi, manfaat, keamanan, dan spesifikasi produk dalam satu alur informasi yang utuh.

Download TDS untuk Menangkap Leads Terverifikasi

Technical Data Sheet (TDS) merupakan resource penting bagi calon pelanggan yang sedang mengevaluasi produk. Grapiku mengubah proses download TDS menjadi kanal lead generation dengan mewajibkan user mengisi data dan menggunakan email berdomain perusahaan.

Setelah email tervalidasi, sistem mengirimkan balasan otomatis berisi link download PDF. User memperoleh dokumen tanpa menunggu respons manual, sementara EON menerima data calon pelanggan beserta produk yang diminati untuk ditindaklanjuti oleh tim terkait.

CTA WhatsApp Kontekstual di Setiap Halaman

CTA WhatsApp tidak dibuat sebagai satu tombol generik. Grapiku merancang beberapa model antarmuka berdasarkan konteks pengguna, mulai dari fixed navbar Konsultasi Produk pada halaman produk, tombol konsultasi pada artikel, hingga floating WhatsApp yang dapat diakses dari seluruh halaman.

Setiap CTA menghasilkan draf pesan yang otomatis menyesuaikan konten yang sedang dikunjungi dan lokasi pengguna. Dari halaman produk, misalnya, pesan akan mencantumkan “Halo EON, saya ingin bertanya tentang produk EON123.” Sementara dari artikel, pesan membawa judul artikel yang ingin dikonsultasikan.

Pengguna tidak perlu menjelaskan kebutuhannya dari awal. Tim EON langsung menerima konteks ketertarikan dan lokasi calon pelanggan, sehingga pertanyaan dapat diarahkan dan ditindaklanjuti dengan lebih cepat.

Fondasi teknis yang lebih optimal

Grapiku melakukan perbaikan menyeluruh pada struktur teknis, tautan, performa, aksesibilitas, keamanan, dan SEO website. Optimasi ini memastikan banyaknya konten EON tetap dapat diakses, ditelusuri, dan diindeks secara konsisten.

Hasilnya, Site Health meningkat dari 85% menjadi 100%.

Hasil Terukur

Meningkatkan leads melalui website yang lebih sehat dan terarah

x
Pertumbuhan leads

Jumlah leads yang masuk melalui website meningkat 5x lipat setelah pengoptimalan user journey.

%
Site Health

Skor kesehatan website meningkat dari 80% menjadi 100% setelah permasalahan SEO teknis diperbaiki.

+
Konten Dimigrasi Tanpa Error

Ratusan produk, solusi, hingga SDS dipindahkan ke struktur baru tanpa broken links & broken images.

Tim dan Teknologi

Dibalik Proyek Ini

Komposisi Tim

Teknologi yang Digunakan

Proyek Anda bisa jadi cerita berikutnya

Hubungi Kami