Proposal pengembangan platform e-commerce premium yang menghubungkan cerita brand dengan pengalaman berbelanja yang seamless untuk Totem — Premium Fragrance.
Nomor Dokumen
PRO-TOTEM-2026-01
Tanggal
10 Januari 2026
Versi
1.0
DAFTAR ISI
EXECUTIVE SUMMARY
Ringkasan Eksekutif
Proposal ini menyajikan solusi komprehensif untuk membangun platform digital premium Totem yang mengutamakan brand experience dan e-commerce seamless.
Pendekatan Kami
Berbeda dengan website e-commerce konvensional yang fokus pada katalog produk, kami mengusulkan pendekatan "Brand-First Experience" — dimana pengunjung disambut dengan storytelling brand sebelum diajak berbelanja. Referensi utama: Patagonia.com yang berhasil memadukan konten editorial dengan e-commerce premium.
Tujuan Utama
Membangun platform yang merefleksikan positioning premium Totem dengan pengalaman berbelanja yang mulus untuk pasar domestik dan internasional.
Target Hasil
Website yang mendukung pertumbuhan bisnis dengan conversion rate optimal, multi-currency payment, dan konten yang engaging.
01MEMAHAMI VISI
Memahami Visi Totem
Berdasarkan brief dan diskusi yang telah dilakukan, kami memahami kebutuhan inti dari proyek ini.
Brand-First Experience
Website yang mengutamakan storytelling dan brand discovery — bukan sekadar katalog produk. Seperti Patagonia, pengunjung disambut dengan cerita sebelum diajak berbelanja.
Seamless Commerce
Alur belanja yang mulus dari brand exploration hingga checkout — mendukung pembayaran lokal (Midtrans) dan internasional (Stripe, PayPal) dengan multi-currency.
Editorial Content
Blog dan community hub yang bisa dikelola mandiri dengan SEO on-page. Tim internal dapat membuat artikel tanpa ketergantungan teknis.
Scalable Foundation
Arsitektur yang siap berkembang — menambah kategori produk, konten baru, atau fitur masa depan tanpa perlu redesign major.
"Kami ingin menghindari tampilan yang terlalu hard selling, terlalu ramai, dan terasa seperti katalog produk. Website harus looknya premium, fokus ke brand experience, dan nyaman untuk dieksplor."
— Tim Totem, Discovery Form
Penjelasan Istilah
Brand-First Experience: Pendekatan desain dimana identitas dan cerita brand menjadi fokus utama, bukan sekadar daftar produk.
Seamless Commerce: Proses pembelian yang mulus tanpa hambatan, dari melihat produk hingga pembayaran selesai.
SEO On-Page: Optimasi konten di dalam website agar mudah ditemukan di mesin pencari seperti Google.
02LINGKUP PEKERJAAN
Lingkup Pekerjaan
Detail komprehensif dari setiap aspek yang akan kami kerjakan untuk proyek ini.
AUI/UX Design
Sitemap & Information Architecture
Struktur halaman dan navigasi yang intuitif
Wireframe (Low-Fidelity)
Kerangka layout untuk setiap template halaman
High-Fidelity Design
Desain final untuk desktop & mobile (8-12 templates)
Design System
Typography, colors, components yang scalable
Interactive Prototyping
Prototype clickable untuk validasi UX flow
Micro-interactions
Animasi halus: hover, transitions, toggles
BWebsite Development
Custom WooCommerce Theme
Theme custom dari nol, bukan modifikasi template
Homepage — Brand Hero
Immersive hero dengan storytelling
Brand Pages
Story, Persona, Craftsmanship dengan editorial blocks
Product Pages
Listing, Detail dengan toggle, filtering
Gift Sets Pages
Halaman khusus bundle dan gift collection
Community Pages
Events, Collaboration, Join Our Club
Blog / Journal
System blog dengan kategori, tag, share social
Static Pages
Contact, FAQ, Store Location, T&C, Policies
Penjelasan:Wireframe adalah sketsa kasar tata letak halaman. High-Fidelity Design adalah desain detail dengan warna, font, dan gambar final. Design System adalah panduan komponen visual agar konsisten di seluruh website.
Wablas adalah WhatsApp Business API Gateway Indonesia yang mendukung:
• Order Notification: Otomatis kirim WA saat order masuk, status berubah, pembayaran dikonfirmasi • Abandoned Cart Reminder: WA otomatis ke customer yang tinggalkan cart • Broadcast Promo: Kirim promo ke semua customer sekaligus (Signature) • Auto-reply: Balasan otomatis untuk FAQ (Signature)
Mengapa WhatsApp lebih efektif? Open rate 85-95% vs Email 15-25%, langsung ke HP, lebih personal.
DContent & Copywriting
Homepage Copy
Hero headline, tagline, section copy
Brand Story
Narasi lengkap untuk About & Story
Product Descriptions
Copy untuk 11-30 SKU produk
Craftsmanship Content
Narasi proses pembuatan dan sourcing
SEO Meta Content
Title tags & meta descriptions
UI Microcopy
Button labels, form fields, notifications
Penjelasan:Midtrans adalah payment gateway lokal Indonesia (QRIS, VA, e-wallet). Stripe dan PayPal adalah payment gateway internasional untuk kartu kredit luar negeri. Multi-Currency memungkinkan harga tampil dalam mata uang berbeda sesuai lokasi pembeli.
02LINGKUP PEKERJAAN (LANJUTAN)
EInfrastructure & Hosting
VPS Setup & Configuration
Server optimal untuk WooCommerce dengan caching
SSL Certificate
HTTPS untuk keamanan transaksi
Daily Automated Backup
Backup harian dengan offsite storage
Security Hardening
Firewall, malware protection, secure config
Performance Optimization
Caching, CDN, image optimization
Monitoring & Alert
Uptime monitoring dengan notifikasi
FSEO & Analytics
On-Page SEO Setup
Meta tags, structured data, clean URLs
Google Analytics 4
Setup dan konfigurasi tracking
Conversion Tracking
Add to cart, checkout, purchase events
Search Console
Setup dan sitemap submission
Managed Hosting vs VPS Hosting Biasa
VPS Hosting (Essential): Server disediakan, setelah masa hosting habis klien perpanjang sendiri atau minta kami (bayar terpisah). Tidak ada monitoring aktif.
Managed Hosting (Premium & Signature): Kami kelola server secara aktif — monitoring uptime, backup verification, security patch, dan update. Klien tidak perlu khawatir teknis server.
Penjelasan:VPS (Virtual Private Server) adalah server virtual khusus untuk website Anda. SSL mengamankan data dengan enkripsi HTTPS. CDN (Content Delivery Network) mempercepat loading dengan server di berbagai lokasi. GA4 adalah Google Analytics versi terbaru untuk tracking pengunjung.
03PILIHAN INVESTASI
Pilihan Investasi
Tiga opsi paket yang telah kami sesuaikan dengan kebutuhan dan skala proyek Totem.
Paket I
Essential
Rp 115 juta
Belum termasuk PPN 11%
Recommended
Paket II
Premium
Rp 158 juta
Belum termasuk PPN 11%
Paket III
Signature
Rp 198 juta
Belum termasuk PPN 11%
Fitur
Essential
Premium ⭐
Signature
Custom Theme
+ Micro-interactions
Payment Gateway
Midtrans + 1
Midtrans + Stripe + PayPal
Midtrans + Stripe + PayPal
Multi-Currency
3 (IDR, USD, SGD)
5 (+ MYR, THB)
10+ (Full ASEAN)
Copywriting
Homepage & Product
Semua halaman
Semua + Brand Voice Guide
Revisi Design
2 ronde
3 ronde
4 ronde
WhatsApp Integration
Order + Abandoned Cart
Full (+ Broadcast)
VPS Hosting
6 bulan
12 bulan
12 bulan
Managed Hosting
Server monitoring
+ Priority response
Website Maintenance
Quarterly updates
Monthly updates
Garansi Bug Fix
14 hari
30 hari
60 hari
Priority Support
(Response < 6 jam)
Timeline
10-12 minggu
12-14 minggu
14-16 minggu
03PENJELASAN PAKET
Penjelasan Diferensiasi Paket
Essential (Rp 115 juta)
Website jadi, serah terima selesai.
• Hosting 6 bulan, setelah itu klien perpanjang sendiri atau minta kami (bayar terpisah)
• Tidak ada maintenance — klien handle sendiri atau bayar retainer nanti
• Cocok untuk: Klien yang punya tim IT sendiri atau budget terbatas
Premium (Rp 158 juta) — Recommended ⭐
Website jadi + dikelola 1 tahun.
• Ada WhatsApp integration untuk order notification & abandoned cart
• Quarterly maintenance (update WordPress, plugin, security patch)
• Server monitoring aktif — kami pantau 24/7
• Cocok untuk: Klien yang ingin fokus bisnis, urusan teknis diserahkan ke kami
Signature (Rp 198 juta)
Website jadi + dukungan penuh jangka panjang.
• WhatsApp full features termasuk broadcast promo dan auto-reply
• Monthly maintenance — update lebih sering, lebih aman
• Priority support — response time < 6 jam
• Brand Voice Guide — panduan tone komunikasi untuk tim
• Cocok untuk: Klien yang ingin partner jangka panjang dengan support premium
Mengapa Kami Merekomendasikan Premium?
Value for Money
Selisih Rp 43 juta dari Essential, tapi dapat WhatsApp integration + managed hosting + maintenance 1 tahun. ROI lebih baik.
Peace of Mind
Tim Totem bisa fokus ke produk dan marketing. Urusan teknis website, server, security — kami yang handle.
04TIMELINE PROYEK
Timeline Proyek
Perkiraan timeline untuk Paket Premium dengan target go-live April 2026.
Minggu 1-2
Discovery & Planning
Pendalaman brief, finalisasi sitemap, dan persiapan materi.
Testing menyeluruh, UAT, training, dan peluncuran.
QA testingUAT dengan timBug fixingTraining CMSGo-live!
Penjelasan:QA (Quality Assurance) adalah proses pengujian untuk memastikan tidak ada bug. UAT (User Acceptance Testing) adalah testing oleh tim klien sebelum go-live. CMS adalah Content Management System untuk mengelola konten website.
05KETENTUAN PROYEK
Ketentuan Proyek
Informasi penting mengenai pembayaran, garansi, dan hal-hal yang perlu diketahui.
Termin Pembayaran
30% — Down Payment (sebelum kick-off)
30% — Setelah UI/UX Design approval
30% — Setelah development selesai
10% — Setelah go-live & training
Yang Termasuk
Semua deliverable sesuai paket
Biaya domain (Tahun Pertama)
Setup akun Midtrans, Stripe, PayPal
Training CMS untuk tim internal
Dokumentasi admin singkat
Support via WhatsApp selama proyek
Yang Tidak Termasuk
Foto dan video produk (klien sediakan)
Biaya transaksi payment gateway
Konten blog ongoing
Change Request setelah go-live
Bug fix setelah garansi berakhir
Kebijakan Revisi
Revisi sesuai jumlah di paket
Revisi di luar scope = Change Request
CR akan di-quote terpisah
Major pivot = timeline adjustment
Garansi Bug Fix
Essential: 14 hari setelah go-live
Premium: 30 hari setelah go-live
Signature: 60 hari setelah go-live
Bug = tidak sesuai spesifikasi approved
Tidak termasuk: perubahan design/fitur
After-Launch Support
On-call support (request Totem)
Retainer bulanan tersedia
Tarif support: sesuai kesepakatan
Prioritas untuk existing client
Definisi Penting
Bug: Fitur yang tidak berfungsi sesuai spesifikasi yang telah di-approve. Contoh: tombol checkout tidak bisa diklik padahal seharusnya bisa.
Change Request (CR): Perubahan atau penambahan fitur di luar scope yang sudah disepakati. Contoh: menambah halaman baru yang tidak ada di sitemap awal.
Garansi Bug Fix: Periode dimana kami memperbaiki bug secara gratis. Setelah periode ini, perbaikan akan dikenakan biaya terpisah.
06GLOSARIUM
Glosarium Istilah Teknis
Penjelasan istilah-istilah teknis yang digunakan dalam proposal ini untuk memudahkan pemahaman.
WooCommercePlugin e-commerce untuk WordPress yang memungkinkan website menjual produk online. Gratis, fleksibel, dan digunakan oleh jutaan toko online di dunia.
Payment GatewayLayanan yang memproses pembayaran online. Midtrans untuk pembayaran lokal Indonesia, Stripe dan PayPal untuk pembayaran internasional.
Multi-CurrencyFitur yang memungkinkan harga produk ditampilkan dalam berbagai mata uang (IDR, USD, SGD, dll) sesuai lokasi pembeli.
VPS HostingVirtual Private Server — server virtual khusus untuk website Anda dengan resource dedicated (RAM, CPU, storage). Lebih stabil dan cepat dari shared hosting.
SSL CertificateSertifikat keamanan yang mengenkripsi data antara browser dan server. Ditandai dengan awalan "https://" pada URL website.
CDNContent Delivery Network — jaringan server di berbagai lokasi dunia yang menyimpan copy website untuk mempercepat loading.
SEOSearch Engine Optimization — teknik optimasi agar website mudah ditemukan di Google dan mesin pencari lainnya.
Google Analytics 4Tool gratis dari Google untuk tracking pengunjung website: berapa orang yang datang, dari mana, halaman apa yang dikunjungi, dll.
WablasWhatsApp Business API Gateway Indonesia untuk mengirim notifikasi WA otomatis (order status, abandoned cart reminder, broadcast promo).
WireframeSketsa kasar tata letak halaman website tanpa warna dan detail visual. Fokus pada struktur dan penempatan elemen.
High-Fidelity DesignDesain detail dengan warna, font, gambar, dan semua elemen visual final. Ini yang akan dijadikan acuan saat development.
CMSContent Management System — sistem untuk mengelola konten website (produk, artikel, halaman) tanpa perlu coding.
Mari Wujudkan Visi Digital Totem
Kami siap mendiskusikan lebih lanjut dan menjawab pertanyaan yang mungkin Anda miliki. Pilih paket yang sesuai dan mari mulai perjalanan ini bersama.