Loading image 1...
WebsiteTresnoJamu
Desain Figma dan Pengembangan WordPress Kustom untuk Showcase Brand Jamu Tradisional
Website Tresno Jamu
Website Tresno Jamu
Desain Figma dan Pengembangan WordPress Kustom untuk Showcase Brand Jamu Tradisional
Desain Figma dan Pengembangan WordPress Kustom untuk Showcase Brand Jamu Tradisional
Menghadirkan sekaligus desain UI/UX (Figma) dan pengembangan WordPress untuk Tresno Jamu Indonesia. Website dibangun sebagai profil perusahaan untuk menampilkan esensi alami brand, menyajikan katalog produk, menyoroti lowongan kerja, dan menyediakan informasi penting perusahaan. Implementasi menggunakan WordPress dengan WPBakery dan modul kustom untuk manajemen konten yang efisien.
Masalah & Tantangan
Tantangan utamanya adalah menerjemahkan esensi jamu yang tradisional dan alami ke dalam antarmuka korporat yang bersih dan modern. Website perlu menyajikan sejarah perusahaan, portofolio produk, dan peluang karier dengan jelas, semuanya dalam tenggat 3 minggu yang ketat.
Pertama, membuat desain di Figma yang berfokus pada palet warna natural dan earthy. Frontend kemudian diimplementasikan menggunakan fondasi tema WordPress kustom dengan WPBakery Page Builder, memanfaatkan modul kustom untuk menyusun tampilan katalog produk, bagian karier, dan informasi kontak secara efektif agar mudah dikelola klien.
Perjalanan Visual
Showcase Proyek
Loading image 1...
Tangkapan Layar 1
Visualisasi proyek dan desain antarmuka
StackTeknologi
Figma
Desain UI/UX
WordPress CMS
CMS
WPBakery Page Builder
Page Builder/Editor Visual
Modul WordPress Kustom
Pengembangan Frontend
PHP
Bahasa Backend
HTML5 / CSS3
Frontend
Tailwind CSS (via integrasi kustom)
Styling
FiturUtama
Modul Katalog Produk Kustom
Mengembangkan elemen WPBakery kustom untuk menampilkan nama produk jamu, deskripsi, dan gambar pendamping secara jelas untuk tujuan informasi.
Bagian Karier/Lowongan Kerja Khusus
Modul terstruktur yang dirancang untuk menampilkan lowongan kerja terkini dan instruksi lamaran, dikelola melalui backend WordPress.
Desain Alami & Autentik
UI/UX menekankan bahan-bahan alami dan warisan tradisional Indonesia melalui elemen desain dan pilihan warna.
Tampilan Kontak & Lokasi yang Jelas
Bagian yang menonjol dan mudah dibaca untuk detail kontak, alamat fisik, dan jam operasional.
Tata Letak Responsif untuk Tampilan Informasi
Memastikan tata letak sepenuhnya responsif, mengoptimalkan tampilan produk dan akses informasi perusahaan bagi pengguna mobile.
Sistem Manajemen Konten Klien
Menyusun website menggunakan WPBakery untuk memberi klien kontrol penuh atas pembaruan produk, berita, dan banner promosi tanpa campur tangan developer.
ProsesKami
Pandangan detail tentang bagaimana kami mewujudkan proyek ini dari konsep hingga kenyataan melalui metodologi kami yang terbukti.
Desain & Strategi Visual (Figma)
Membuat desain UI/UX di Figma, menentukan gaya visual, palet warna, dan hierarki informasi korporat (termasuk produk dan karier).
Setup WPBakery & Pembuatan Modul Kustom
Mengonfigurasi WordPress dan WPBakery. Menulis kode PHP/CSS kustom yang diperlukan untuk modul WPBakery guna menangani tampilan produk dan bagian karier khusus.
Integrasi Konten & Deployment
Mengintegrasikan semua daftar produk dan konten perusahaan awal. Melakukan QA visual akhir dan pelatihan klien menggunakan editor WPBakery sebelum deployment.
04 Hasil yang diserahkan
- 01Menghadirkan desain UI/UX yang kohesif dan website fungsional dalam tenggat ketat 3 minggu.
- 02Berhasil menerapkan desain visual menarik yang menonjolkan bahan-bahan alami dan warisan tradisional.
- 03Memberi klien editor visual (WPBakery) dan modul kustom untuk manajemen konten produk dan karier yang sederhana.
- 04Menyusun website untuk memandu pengguna dari penemuan cerita brand menuju melihat produk dan inkuiri lamaran kerja.
Desainnya menangkap keaslian jamu tradisional kami dengan indah, dan backend-nya sangat membantu untuk mengelola lini produk yang terus bertambah serta memublikasikan lowongan kerja dengan cepat.
Layanan Terkait
Layanan yang Digunakan pada Proyek Ini
Berikut layanan Javapixa yang mengerjakan proyek ini.