Fanha

Studi kasus dan demo. Bukti kerja, bukan klaim angka.

Dua proyek nyata yang bisa Anda periksa sendiri, dan dua demo teknis berlabel jelas. Saya tidak menampilkan testimoni, angka traffic, atau hasil yang tidak bisa diverifikasi.

Proyek nyata 2024

Percetakan buku dengan kalkulator biaya sebelum chat

Situs layanan percetakan dan penerbit buku di Tangerang Selatan. Pengunjung bisa memperkirakan sendiri biaya cetak dari input yang jelas, sehingga perbincangan penawaran dimulai dengan kebutuhan yang sudah terukur.

Peran:
Perancang dan pengembang situs
Klien:
Coverium
SvelteKitSEO FoundationKalkulator interaktif

Masalah

Layanan cetak buku punya terlalu banyak variabel: jumlah eksemplar, ukuran, kertas, jilid, finishing. Calon pelanggan tidak bisa memperkirakan biaya sendiri, jadi banyak pertanyaan yang masuk masih sangat umum.

Pendekatan

Struktur informasi dibangun dari proses pemesanan: layanan didefinisikan lebih dulu, lalu biaya dihitung dari variabel yang bisa dijelaskan. Halaman harga bukan daftar angka, tetapi alat hitung yang membuat pelanggan sampai di percakapan dengan soal yang lebih spesifik.

Hasil kerja

  • Pengunjung bisa menghitung estimasi biaya cetak tanpa harus chat terlebih dahulu.
  • Permintaan penawaran datang dengan detail kebutuhan yang lebih lengkap.
  • Struktur halaman layanan memudahkan mesin pencari memahami layanan yang ditawarkan.

Batas pekerjaan

  • Estimasi kalkulator bukan penawaran resmi; penawaran final dikonfirmasi manual.
  • Tidak mencakup pembayaran online maupun sistem order otomatis.
  • Metode perhitungan mengikuti model biaya yang disepakati bersama pemilik bisnis, bukan harga akhir yang mengikat.
Lihat situs Landing Page SvelteKitSvelteKit Storefront MVPWeb Application Module
Proyek nyata 2023

Situs toko elektronik berlokasi ganda dengan ekosistem konten

Website ritel elektronik dengan beberapa lokasi, program loyalitas, kalkulator bantu keputusan pembeli, dan artikel teknis. Pekerjaan saya difokuskan pada bagian layanan dan konten site, bukan keseluruhan operasional bisnis.

Peran:
Kontribusi pada halaman layanan dan konten
Klien:
AIO Store
WordPressWooCommerceKonten SEOPerawatan

Masalah

Pembeli peralatan elektronik sering perlu pertimbangan teknis sebelum membeli. Informasi produk saja tidak cukup, dan pencarian lokal untuk toko terdekat perlu didukung halaman yang jelas.

Pendekatan

Halaman layanan dan program loyalitas dirancang agar mudah dipahami, sedangkan pembantu keputusan seperti kalkulator kebutuhan dan artikel teknis membuat pengunjung bisa membandingkan pilihan sebelum menghubungi toko.

Hasil kerja

  • Program loyalitas dan program toko punya halaman penjelasan yang terbaca.
  • Kalkulator kebutuhan membantu pembeli menentukan spesifikasi yang dicari.
  • Artikel teknis menjawab pertanyaan umum sehingga mengurangi pertanyaan berulang.

Batas pekerjaan

  • Situs ini bukan proyek satu orang secara keseluruhan; saya menangani bagian halaman layanan dan konten tertentu.
  • Skala inventaris, sistem kasir, dan operasional toko fisik berada di luar lingkup kerja saya.
  • Angka traffic, penjualan, atau peringkat pencarian tidak dicantumkan karena tidak terverifikasi.
Lihat situs WooCommerce Online StoreWordPress MaintenanceRedesign & Tech Migration
Demo / Simulasi 2026

Demo: alur permintaan penawaran dengan konteks layanan

Contoh demonstraasi alur lead: pemilih layanan, honeypot, validasi server, dan penyimpanan untuk tindak lanjut. Data pada demo bersifat sintetis.

Peran:
Demo produk
SvelteKitValibotD1Rate limit KV

Masalah

Halaman jasa sering kehilangan konteks ketika pengunjung meminta penawaran, sehingga butuh bolak-balik pertanyaan dasar.

Pendekatan

Formulir membawa nama layanan, harga mulai, dan beberapa pertanyaan yang paling mempercepat discovery, disertai honeypot dan rate limit agar tetap bersih.

Hasil kerja

  • Permintaan yang masuk sudah memuat layanan, kebutuhan, tenggat, dan budget.
  • Formulir tetap bekerja meskipun pengguna belum login.
  • Spam ditahan di lapis validasi, honeypot, dan rate limit.

Batas pekerjaan

  • Ini demo, bukan pekerjaan klien, dan datanya sintetis.
  • Belum memuat pengiriman email; notifikasi operator bersifat opsional melalui webhook.
Landing Page SvelteKitWeb Application Module
Demo / Simulasi 2026

Demo: fondasi SEO pada halaman layanan

Contoh penerapan metadata, canonical, structured data, sitemap, dan daftar isi yang rapi pada halaman konten layanan.

Peran:
Demo produk
MetadataJSON-LDSitemapSemantic HTML

Masalah

Banyak halaman layanan tampil tidak konsisten ketika dibagikan atau diindeks karena metadata terlewat.

Pendekatan

Setiap halaman punya title dan description unik, canonical dari layout, structured data Service dan Offer yang sejalan dengan harga yang terlihat, serta sitemap yang hanya memuat URL layak indeks.

Hasil kerja

  • Pembagian tautan menampilkan ringkasan yang benar.
  • Data terstruktur konsisten dengan konten yang dibaca pengunjung.
  • Sitemap tidak memuat URL internal atau duplikat.

Batas pekerjaan

  • Ini demo, bukan pekerjaan klien.
  • Fondasi SEO bukan kampanye SEO dan tidak menjamin posisi atau traffic.
Landing Page SvelteKitRedesign & Tech Migration

Mengapa tidak ada testimoni atau angka traffic?

Saya tidak menampilkan testimoni, kenaikan traffic, atau nilai omzet yang tidak bisa diverifikasi. Yang saya tampilkan adalah pendekatan, apa yang benar-benar dikerjakan, dan apa yang berada di luar lingkup pekerjaan saya. Kalau Anda membuka situsnya, Anda bisa menilainya sendiri.

Testimoni dan studi kasus lain baru akan ditambahkan bila ada izin tertulis untuk menampilkan nama, tangkapan layar, dan hasil yang setara.