Tips untuk Membuat Demo S-tier

• Demo adalah faktor penentu yang membedakan apakah sebuah proyek akan dirilis dan apakah startup berhasil mendapat investasi, tetapi sebagian besar developer lebih suka membuat daripada presentasi sehingga tidak berinvestasi untuk meningkatkan kemampuan demo
• Setelah mengamati banyak demo, ditemukan pola yang berulang pada demo papan atas, lalu dirangkum menjadi 24 tips
• Menentukan satu pesan inti yang ingin diingat dan memusatkan semua elemen padanya, serta mendekatinya sebagai pitch alih-alih tur produk, adalah struktur dasarnya
• Mulai dari ketidaknyamanan bersama yang bisa dipahami semua audiens, lalu dorong keterlibatan dengan gaya bahasa "you" dan demo perbandingan dengan cara lama
• Kuncinya adalah menyelesaikannya sebagai demo aktif (active demo) dengan memanfaatkan energi, data nyata, visualisasi, dan unsur keseruan

---

Struktur dasar (The basic structure)

• 1. Tentukan satu pesan inti yang ingin diingat dan susun semua elemen demo di sekelilingnya; biasanya inti itu adalah masalah yang ingin diselesaikan dan bagaimana cara menyelesaikannya
• 2. Masuk ke inti secepat mungkin; penjelasan latar belakang ide tidak perlu, dan kalau konteks memang dibutuhkan, batasi hanya 1–2 kalimat
• 3. Perlakukan demo sebagai pitch, bukan tur produk; tujuannya bukan memamerkan hasil yang keren, tetapi membuat audiens bersemangat
• 4. Akhiri dengan penutup yang langsung bisa ditindaklanjuti; bisa sejelas QR code, atau berupa ajakan mencari kontributor maupun memancing pertanyaan
  • Tim yang membuat sistem untuk berinteraksi dengan PostHog lewat aplikasi pesan menampilkan nomor telepon di slide terakhir
  • Tim MCP Analytics mengumumkan bahwa proyek mereka sudah dirilis ke 25% pengguna PostHog; jika dirilis sebelum demo, efek "wow" bisa sangat besar

Taktik storytelling (Storytelling tactics)

• 5. Mulailah dari ketidaknyamanan bersama yang dipahami semua audiens
  • Tim desainer yang membuat web app untuk auto-tagging dan indexing ilustrasi bertanya betapa sulitnya menemukan landak tertentu di file Figma "Hoggies" yang berantakan, dan semua orang mengangkat tangan
• 6. Pinjam konsep yang familier untuk menjelaskan konsep baru; tim yang mengimplementasikan Claude Cowork di dalam PostHog Code menamai proyeknya "PostHog Work"
• 7. Buat demo app terpisah, terutama saat mendemokan developer tool
  • Tool untuk mendeploy agent yang melakukan pengujian manual UI baru benar-benar dipahami ketika ditunjukkan lewat demo app terpisah bernama "OnlyHogs"
• 8. Gunakan gaya bahasa "you" untuk menempatkan audiens pada sudut pandang yang tepat; alih-alih berkata "kami membuat aplikasi manajemen tiket support", katakan "bayangkan Anda sedang on-call dan mencoba menyelesaikan 6 insiden sekaligus"
• 9. Lakukan demo perbandingan dengan alternatif; tampilkan workflow lama 6 langkah yang menyakitkan berdampingan dengan versi 1 langkah agar audiens punya dasar pembanding
• 10. Tunda penjelasan cara kerjanya untuk nanti; seperti pesulap yang tidak langsung membocorkan triknya, jangan ungkap implementasinya di awal, dan tautan ke video penjelasan atau blog bisa menjadi CTA penutup yang bagus

Persiapan dan penyampaian (Setup and delivery)

• 11. Pancarkan energi kuat seperti Steve Ballmer; demo hebat sering kali hanyalah demo yang lumayan dari orang yang sangat berenergi
• 12. Jangan minta maaf; mengatakan "maaf, ini masih agak kasar" hanya menurunkan ekspektasi bahkan sebelum Anda mulai, jadi langsung saja mulai
• 13. Tandai dengan jelas bahwa demo sudah selesai; untuk menghindari kecanggungan soal kapan harus bertepuk tangan, akhiri dengan kalimat penutup, intonasi menurun, atau visual perayaan
• 14. Gunakan checklist setup demo untuk para dewa demo
  • Gunakan proyek demo, bukan akun asli yang berisi data pelanggan
  • Nonaktifkan notifikasi laptop dan atur ponsel ke mode senyap
  • Bookmark URL demo alih-alih mengetiknya spontan
  • Siapkan rencana cadangan jika WiFi bermasalah (screenshot cadangan)
  • Perbesar browser ke 125–150% agar tetap terbaca dari baris belakang
  • Uji proyektor sebelum orang-orang datang
• 15. Gunakan data nyata sebanyak mungkin; data palsu yang terlalu jelas akan terlihat murahan
  • Tim HogNet, saat mendemokan layanan penyewaan hackathon-in-a-box, membuat website berisi harga dan logistik pengiriman sehingga terasa lebih nyata dibanding lorem ipsum
• 16. Preload dan cache sebanyak mungkin; seperti koki TV yang menyiapkan bahan lebih dulu, tangani respons agent, query panjang, dan build lambat sebelumnya agar tidak ada dead time
• 17. Latih setidaknya sekali dengan suara keras agar rasa percaya diri naik dan penyampaiannya terasa natural
• 18. Jangan biarkan perfeksionisme menghalangi demo; di hackathon, semua work in progress tetap dipresentasikan, dan demo memang pada dasarnya dibuat untuk pekerjaan yang belum selesai

Buat jadi menyenangkan (Make it fun)

• 19. Hindari menampilkan kode yang biasa-biasa saja; meski tidak ada UI, itu bukan alasan untuk tidak menyiapkan visual, dan diagram arsitektur bisa dibuat dalam hitungan detik
• 20. Jangan hanya menunjukkan slide yang biasa-biasa saja; demo aktif selalu menang, karena inti demo adalah langsung menunjukkan sesuatu yang Anda buat
• 21. Tool perekam layar bawaan biasanya kurang bagus, jadi gunakan aplikasi seperti Screen Studio yang menambahkan zoom dan animasi
• 22. Visual tidak harus indah; yang penting bisa menyorot bagian penting, dan bahkan grafik sederhana pun berguna jika setiap callout memberi informasi yang relevan
• 23. Audio sering diremehkan; satu tim membuat voiceover sea shanty, dan proyek panggilan riset pengguna AI bahkan membuat demonya sepenuhnya berbasis audio
• 24. Bikin yang lebih aneh (Do more weird); tim aplikasi mobile PostHog Code memasang video piña colada yang tidak diminta sebagai latar belakang, dan itu justru menjadi demo yang paling diingat

[aliveornot]

Isinya bagus.