Revamp menyeluruh yang mengubah website statis menjadi aset digital yang mendukung dua tujuan bisnis sekaligus: memperkuat identitas brand dan mengotomatiskan rekrutmen.
Klien
Nissin Foods IndonesiaLayanan
Industri
Nissin Foods Indonesia adalah anak perusahaan Nissin Foods Group Jepang, produsen mi instan pertama di dunia yang didirikan pada 1958. Di Indonesia, perusahaan menjalankan operasi manufaktur consumer goods dan distribusi nasional untuk merek Nissin, Cup Noodles, Gekikara, Top Ramen, dan U.F.O.
Melalui revamp website, proyek ini melakukan dua hal secara bersamaan: mempertegas posisi perusahaan sebagai pelopor mi instan dunia, dan mempercepat rekrutmen sekaligus memperluas jangkauan perusahaan dalam menarik kandidat berkualitas tinggi.
Dalam brand awareness, membangun website korporat yang mencerminkan skala dan warisan Nissin Foods Group secara global. Dalam digitalisasi rekrutmen, mengintegrasikan sistem karir digital untuk menggantikan proses penerimaan lamaran yang sebelumnya dilakukan secara manual.
Objektif Utama
Membangun website korporat yang mencerminkan skala dan warisan Nissin Foods Group secara global, sekaligus mengintegrasikan sistem karir digital untuk menggantikan proses penerimaan lamaran yang sebelumnya dilakukan secara manual.
Website sebelumnya dibangun dengan struktur yang tidak mencerminkan posisi Nissin Foods sebagai perusahaan multinasional. Terlebih belum mewarisi nilai Nissin Foods Group pusat ke dalam aset digitalnya.
Sebagai perusahaan berskala multinasional, website sebelumnya juga belum memiliki infrastruktur untuk mendukung proses rekrutmen bagi divisi HR.
Calon pelamar tidak bisa menemukan dan mengirimkan lamaran melalui website. Proses penerimaan lamaran dilakukan manual, tidak bisa diskalakan.
Katalog produk tidak memiliki sistem kategorisasi yang jelas. Konsumen kesulitan menemukan varian produk yang mereka cari.
Website belum sepenuhnya menginformasikan produk, nilai merek, dan sejarah perusahaan dengan lengkap
Beberapa fitur keamanan belum dioptimalkan seperti login 2FA, headers, hingga deteksi dan notifikasi log aktivitas mencurigakan.
Grapiku merancang arsitektur website yang melayani dua audiens berbeda dalam satu platform yang kohesif. Sisi publik dirancang untuk konsumen dan mitra bisnis dengan penekanan pada katalog produk dan narasi merek. Sisi rekrutmen memungkinkan pelamar menemukan posisi terbuka, membaca deskripsi pekerjaan, dan mengirimkan lamaran tanpa meninggalkan website.
Keputusan mengintegrasikan sistem karir langsung ke website, bukan ke platform pihak ketiga, didasarkan pada satu pertimbangan: setiap interaksi rekrutmen adalah kesempatan memperkenalkan merek kepada calon karyawan. Seseorang yang melamar di Nissin harus merasakan identitas perusahaan sejak kunjungan digital pertama.
Seluruh sistem visual dibangun mengacu pada panduan merek induk Nissin Foods Group, disesuaikan untuk kebutuhan pasar Indonesia, mencakup hierarki tipografi, palet warna, dan gaya fotografi produk.
Sinkronisasi arah visual dengan standar global Nissin Foods Group. Pendefinisian dua fungsi utama website: identitas merek dan rekrutmen digital. Output tahap ini menjadi acuan seluruh tim sepanjang proyek.
Audit menyeluruh website lama mencakup struktur konten, performa halaman, celah fungsi dibanding kebutuhan bisnis, dan identifikasi risiko migrasi konten.
Perancangan ulang arsitektur informasi untuk dua jalur pengguna: pengunjung umum (konsumen, mitra) dan pelamar kerja.
Strukturisasi konten ke dalam wireframe lo-fi. Fokus pada navigasi, hierarki informasi halaman produk, dan alur rekrutmen dari listing posisi hingga form submission. Berjalan paralel dengan Sitemap.
Implementasi sistem visual sesuai brand guideline Nissin Foods Group. Desain komponen UI konsisten untuk seluruh halaman, termasuk katalog produk dan sistem karir.
Pembangunan website dinamis di atas WordPress custom. Mencakup pengembangan katalog produk, pengembangan konten, integrasi hingga optimasi kode secara efisien.
Pengujian menyeluruh lintas device dan browser. Pemindahan ke domain nissinfoods.co.id, pemeriksaan akhir analytics, keamanan, dan SEO dasar. Sesi pelatihan tim internal Nissin untuk pengelolaan konten mandiri.
Arsitektur informasi website dirancang ulang dari awal. Setiap halaman ditempatkan dalam hierarki yang mencerminkan prioritas pengunjung, bukan prioritas internal perusahaan. Pengunjung yang datang untuk mencari informasi produk, kontak distributor, atau lowongan kerja.
Navigasi utama dibuat menjadi mega menu kategori produk yang intuitif. Navigasi footer juga dirancang untuk menampung menu lebih lengkap disertai dengan informasi kredibilitas (badge sertifikasi)
Website nissinfoods.co.id dibangun dengan sistem visual yang konsisten terhadap standar Nissin Foods Group. Pilihan tipografi, palet warna, dan gaya penyajian konten diselaraskan dengan identitas induk perusahaan di Jepang, sehingga pengunjung korporat dari mana pun mengenali merek yang sama.
Konsistensi ini penting bukan sekadar untuk estetika. Bagi perusahaan multinasional, ketidaksesuaian visual antara website lokal dan global secara langsung melemahkan kepercayaan mitra bisnis dan calon karyawan profesional.
Website dibangun dengan pendekatan mobile-first. Seluruh halaman, termasuk halaman produk dengan gambar beresolusi tinggi dan form lamaran kerja, dioptimalkan untuk tampil dan berfungsi di layar smartphone, tablet, dan desktop.
Responsivitas bukan sekadar penyesuaian ukuran layar: tata letak, urutan konten, dan ukuran elemen interaktif disesuaikan secara spesifik per breakpoint supaya pengalaman di mobile terasa dirancang untuk mobile, bukan sekadar diperkecil dari desktop.
Halaman produk dirancang ulang dengan sistem kategorisasi yang memudahkan user untuk menjelajahi dan mencari informasi. Pengategorian berdasarkan sub-brand (Nissin, Gekikara, Cup Noodles, U.FO) hingga berdasarkan area pemasaran (Indonesia dan Ekspor).
Setiap produk ditampilkan dengan mockup produk menarik, nama yang jelas, logo sub-brand, meta varian, dan deskripsi singkat yang membantu konsumen membedakan satu varian dengan yang lain.
Guna mendukung visibilitas menjadi konversi, disematkan CTA untuk pembelian melalui Alfamart dan Indomaret.
Ini adalah penambahan fungsi yang tidak ada di website lama. Nissin Foods Indonesia sebelumnya tidak memiliki kanal digital untuk menerima lamaran kerja secara mandiri.
Grapiku membangun sistem karir yang mencakup halaman listing posisi aktif, halaman detail per posisi, dan form lamaran yang terhubung langsung ke sistem internal HR.
Setiap interaksi rekrutmen terjadi di dalam ekosistem website Nissin, bukan di platform pihak ketiga, sehingga identitas merek perusahaan tetap hadir sepanjang proses. Dalam 90 hari pertama operasinya, sistem ini menerima 41,548 lamaran.
Website yang memproses ribuan form submission setiap bulan membutuhkan standar keamanan yang berbeda dari website statis.
Grapiku mengimplementasikan rate limiting, honeypot, captcha, autentikasi dua faktor untuk seluruh akses admin, membatasi akses server hanya untuk pihak yang berwenang, dan memasang sistem deteksi aktivitas mencurigakan.
Keamanan ini juga didukung dengan layanan post-launching yaitu Managed VPS dan Maintenance. Ini guna mencegah kerentanan dan menjaga performa website tetap baik.
Dengan 19.9% berasal dari organic search tanpa kampanye berbayar
Puluhan produk terlihat oleh publik secara jelas (sub-brand, rasa, keunggulan)
Tercatat dalam tools HR internal yang spesifik diukur dari submission form website.
WordPress
Figma
Nginx
Cloudflare
Tidak ada hasil yang cocok.
Umumnya 10 sampai 16 minggu, tergantung jumlah halaman dan kompleksitas fitur. Timeline pasti diberikan setelah tahap Discovery, ketika kebutuhan proyek sudah terpetakan dengan jelas.
Biaya menyesuaikan ruang lingkup setiap proyek. Estimasi disusun setelah sesi perkenalan, sehingga angkanya mencerminkan kebutuhan yang sebenarnya, bukan paket generik.
Ya. Penyusunan konten termasuk dalam lingkup kerja, sehingga perusahaan tidak perlu menyiapkan teks sendiri. Tim membantu menerjemahkan informasi bisnis menjadi konten yang terstruktur.
Setiap website dibangun dengan fondasi SEO teknis sejak awal agar mudah dipahami mesin pencari. Untuk optimasi konten dan peringkat secara berkelanjutan, tersedia layanan Website Growth Partnership.
Jika website sudah ada dan hanya perlu perombakan, layanan yang lebih sesuai adalah Website Revamp. Perbedaannya dibahas di sesi perkenalan untuk menentukan pendekatan yang tepat.
Setiap proyek didampingi tim khusus yang terdiri dari Project Manager, Designer, Developer, dan QA. Komunikasi berjalan melalui kanal yang disepakati bersama, dengan update progres di setiap milestone.
Ada. Tiga bulan pertama mencakup monitoring, penyempurnaan minor, dan pelatihan tim. Setelah periode itu, tersedia paket pemeliharaan website untuk menjaga performa jangka panjang.