Studi Kasus: Whiskers n Paws (Design)

Redesain toko hingga 150% pertumbuhan akuisisi

Sistem desain dan dukungan multi-marketplace untuk brand hewan peliharaan premium.

Timeline
10 Minggu
Anggaran
$24,000
Akuisisi Pengguna
150% Growth
Redesain toko hingga 150% pertumbuhan akuisisi screenshot

Profil Klien

  • Brand: Whiskers n Paws (Makanan Hewan Premium)
  • Tantangan: Sistem desain multi-marketplace
  • Timeline: 10 minggu fixed
  • Anggaran: $24,000 fixed
  • Hasil: 1 sistem desain, diluncurkan ke HKTV Mall

Dampak Bisnis

150%
Pertumbuhan akuisisi pengguna
1
Sistem desain, multi-marketplace
Pasar Baru
Diluncurkan ke HKTV Mall

Tantangan

Whiskers n Paws beroperasi di berbagai marketplace (Tokopedia, Shopee, HKTV Mall) tetapi setiap toko tidak konsisten. Halaman produk tidak optimal untuk cara pelanggan berbelanja. Pola pencarian berbeda per platform. Brand membutuhkan identitas visual yang kohesif tanpa mengorbankan konversi.

Ekspansi ke HKTV Mall (marketplace yang kompleks) memerlukan layout toko dan produk yang sepenuhnya baru. Tim menghadapi pilihan: membangun ulang secara manual di setiap platform (berbulan-bulan, biaya tinggi), atau merancang sistem desain yang dapat diskalakan.

Tantangan nyata: merancang sistem yang cukup fleksibel untuk workflow spesifik platform, namun konsisten sebagai satu brand di semua touchpoint.

Solusi Kami

Kami membangun sistem desain terpadu - library komponen, tipografi, hierarki warna, standar citra - kemudian menyesuaikannya untuk setiap marketplace. Minggu 1-2: audit halaman saat ini, tentukan identitas visual. Minggu 3-7: desain halaman produk baru, layout toko, dan alur checkout yang disesuaikan untuk pola UX setiap platform.

Daripada memaksa layout Tokopedia ke Shopee, kami menerapkan prinsip desain yang sama (warna, hierarki, spacing) dalam batasan setiap platform. Minggu 8-10: pengawasan implementasi, QA di semua halaman, dan persiapan peluncuran HKTV Mall.

Sistem tetap hidup: gambar produk baru, promosi, kampanye musiman - semua ter-template sehingga update hanya membutuhkan jam, bukan minggu. Akuisisi pengguna melonjak 150%, dengan sistem yang sama diperluas dengan mulus ke peluncuran HKTV Mall.

Desain & Implementasi

  • Alat Desain:Figma (library komponen)
  • Frontend:React, Tailwind CSS
  • Platform E-commerce:Tokopedia API, Shopee API, HKTV Custom
  • Analytics:Google Analytics, PostHog
  • CMS:Contentful untuk manajemen gambar
  • CI/CD:GitHub Actions + Vercel
"Sistem desain hidup di Figma. Setiap adaptasi marketplace dapat ditelusuri kembali ke satu sumber kebenaran, jadi konsistensi brand terjamin meski kami terus melakukan iterasi."

Dalam Sistem Desain

1. Library Komponen Kartu Produk

Kartu terpadu (hero, thumbnail, detail) yang beradaptasi dengan sistem grid platform tanpa mengorbankan identitas brand atau mekanik konversi.

2. Halaman Produk yang Ramah SEO

Layout yang dirancang ulang untuk perilaku pencarian alami di setiap marketplace. Pengguna Tokopedia browsing; pengguna Shopee mencari. Halaman disesuaikan dengan perilaku pengguna, bukan template paksa.

3. Framework Promosi & Kampanye

Sistem banner ter-template, layout musiman, dan mekanik flash-sale yang bekerja konsisten di Tokopedia, Shopee, dan HKTV tanpa redesign manual.

4. Arsitektur Inventori Terpadu

Inventori pusat tersinkronisasi di ketiga marketplace. Satu sumber kebenaran; tidak ada ketidakcocokan stok atau kebingungan SKU.

"Kami beralih dari mengelola tiga toko terpisah ke mengelola satu sistem desain. Konsistensinya luar biasa. Pelanggan mengenali kami. Dan peluncuran ke HKTV hanya membutuhkan beberapa minggu, bukan berbulan-bulan, karena sistem sudah ada."

Founder, Whiskers n Paws

Butuh sistem desain untuk pertumbuhan multi-channel?

Biarkan kami membangun framework yang memungkinkan Anda berkembang di berbagai marketplace tanpa kehilangan brand Anda.