PROMPT
PROMPT
Buatkan aplikasi web CRUD menggunakan Google Apps Script sebagai backend dan Google Sheet sebagai database.
Spesifikasi:
-
Sheet: “[SHEET_NAME]” dengan kolom: id, title, content, category, created_at, updated_at.
-
Backend Code.gs:
-
doGet() menampilkan index.html
-
endpoint: list, getById, create, update, delete
-
semua response JSON {success, data, message}
-
id auto increment atau UUID
-
-
Frontend index.html:
-
UI modern pakai Bootstrap 5
-
halaman: landing, form create, data list + edit/delete
-
pagination sederhana atau infinite scroll
-
search + filter kategori
-
modal confirm delete + toast notif
-
-
Sertakan instruksi deploy (Web App) dan cara set SPREADSHEET_ID.
Tulis kodenya lengkap (Code.gs + index.html) dan jelaskan cara setup.
PROMPT
1️⃣ Prompt Landing Page Umum (Modern & Profesional)
Prompt:
Buatkan sebuah Landing Page modern dan profesional dengan ketentuan berikut:
Tujuan Landing Page:
-
Mempromosikan [NAMA PRODUK / APLIKASI / JASA]
-
Target audiens: [mahasiswa / UMKM / profesional / masyarakat umum]
-
Tujuan utama: [konversi pendaftaran / download / kontak / pembelian]
Struktur Landing Page:
-
Hero Section
-
Headline kuat & persuasif
-
Subheadline menjelaskan value utama
-
Call To Action (CTA) utama
-
Ilustrasi / mockup produk
-
-
Problem & Solution
-
Masalah utama yang sering dialami target user
-
Solusi yang ditawarkan produk
-
-
Fitur / Keunggulan Utama
-
3–6 fitur utama (ikon + judul + deskripsi singkat)
-
-
Manfaat (Benefit-Oriented)
-
Fokus pada dampak ke pengguna, bukan hanya fitur
-
-
Testimoni / Social Proof
-
Kutipan pengguna (dummy diperbolehkan)
-
-
Call To Action Akhir
-
Ajakan yang lebih kuat (daftar sekarang / hubungi kami)
-
-
Footer
-
Info singkat, kontak, copyright
-
Desain & UI:
-
Tampilan modern, clean, dan responsive
-
Warna utama: [sebutkan warna]
-
Font profesional dan mudah dibaca
-
Layout rapi dengan spacing yang baik
Output yang diminta:
-
Struktur HTML semantic
-
CSS terpisah (atau Tailwind / Bootstrap)
-
Copywriting lengkap (headline, deskripsi, CTA)
-
Kode siap dijalankan
2️⃣ Prompt Landing Page Aplikasi / Startup Digital
Prompt:
Buatkan landing page untuk aplikasi digital bernama [NAMA APLIKASI].
Spesifikasi:
-
Gaya startup modern (clean, minimal, SaaS-style)
-
Fokus pada value proposition dalam 5 detik pertama
-
CTA utama: “Daftar Gratis” / “Coba Sekarang”
Section wajib:
-
Hero dengan headline berbasis manfaat
-
Highlight fitur inti (3–4 fitur)
-
How It Works (step 1–2–3)
-
Preview UI aplikasi (card / mockup)
-
CTA berulang
-
Footer minimal
Teknologi:
-
HTML + CSS + JavaScript
-
Responsive (desktop & mobile)
-
Animasi ringan (hover, fade-in)
Tulis seluruh konten + kodenya secara lengkap dan rapi.
3️⃣ Prompt Landing Page Produk / Jualan (Konversi Tinggi)
Prompt:
Buatkan landing page high-converting untuk produk [NAMA PRODUK].
Target:
-
Fokus penjualan
-
Copywriting persuasif (emotional + rasional)
-
Cocok untuk iklan (Meta Ads / TikTok Ads)
Struktur:
-
Headline problem-solution
-
Benefit utama (bullet point)
-
Visual produk
-
Testimoni
-
FAQ singkat
-
CTA “Beli Sekarang” / “Chat WhatsApp”
Tambahkan:
-
Button sticky CTA (mobile)
-
Badge trust (garansi, aman, terpercaya)
-
Copywriting bahasa Indonesia yang menjual
4️⃣ Prompt Landing Page Google Apps Script (Form Publik)
Prompt:
Buatkan landing page untuk aplikasi berbasis Google Apps Script.
Kriteria:
-
Full screen hero section
-
CTA: “Mulai Isi Data”
-
Navigasi tanpa reload (SPA sederhana)
-
Setelah klik CTA, tampilkan form input
-
UI modern (Bootstrap 5 / CSS custom)
-
Cocok untuk form publik & edukasi
Struktur:
-
Landing ➜ Form
-
Form input tersambung ke Google Sheet
-
Validasi client-side
-
Notifikasi sukses
Tulis index.html dan Code.gs secara lengkap.
PROMPT
Buatkan Landing Page modern, profesional, dan high-converting untuk program kursus bernama:
Nama Program: “Digital Skills Bootcamp”
Tagline: “Naik Level Skill, Siap Kerja & Siap Freelance”
Target Audiens: mahasiswa, fresh graduate, karyawan yang ingin upskill, dan pelaku UMKM
Tujuan Landing Page: mendorong pendaftaran (lead + pembayaran)
Tone: meyakinkan, hangat, to the point, tidak lebay
Bahasa: Indonesia
1) Struktur Section Wajib
A. Top Navbar (sticky)
-
Logo “Digital Skills Bootcamp”
-
Menu: Program, Kurikulum, Mentor, Testimoni, Harga, FAQ
-
CTA Button: “Daftar Sekarang”
B. Hero Section (Full screen)
-
Headline: “Upgrade Digital Skills dalam 8 Minggu — Portofolio Jadi, Siap Interview”
-
Subheadline: jelaskan outcome (sertifikat, portofolio, mentor, komunitas)
-
CTA utama: “Daftar Sekarang”
-
CTA sekunder: “Lihat Kurikulum”
-
Tambahkan badge trust: “⭐ 4.8/5 dari 1.200+ alumni” (dummy boleh)
-
Visual: mockup dashboard belajar + ilustrasi orang belajar
C. Problem → Solution
-
Problem bullet: bingung mulai, skill tidak terarah, tidak punya portofolio, kurang mentor
-
Solution: bootcamp dengan roadmap jelas + project + feedback
D. Program Highlights (cards)
-
Durasi: 8 minggu
-
Live class: 2x/minggu
-
Rekaman kelas: tersedia
-
Mentoring: 1-on-1 mingguan (opsional)
-
Sertifikat: tersedia
-
Komunitas: Telegram/Discord
E. Kurikulum (tab/accordion)
Buat modul contoh:
-
Minggu 1–2: Fundamental Digital (tools, mindset, produktivitas)
-
Minggu 3–4: Data & Analytics dasar (Spreadsheet, dashboard)
-
Minggu 5–6: Digital Marketing (ads, copywriting, SEO)
-
Minggu 7: Portfolio Project (case study)
-
Minggu 8: Career Prep (CV, LinkedIn, mock interview)
F. Kenapa Harus Ikut? (Benefits)
-
Punya portofolio nyata
-
Bisa kerja/freelance
-
Dibimbing mentor
-
Materi update
-
Akses komunitas alumni
G. Mentors (cards)
-
2–3 mentor dummy (nama, role, pengalaman)
-
Sertakan style yang rapi dan kredibel
H. Testimoni (carousel)
-
6 testimoni dummy (nama, pekerjaan, hasil)
-
Sertakan before-after: “Dari nol → bisa bikin portfolio”
I. Pricing (3 paket)
-
Basic: Rekaman + materi + sertifikat
-
Pro: Basic + live class + review tugas
-
Career: Pro + 1-on-1 mentoring + mock interview
Tambahkan: -
Diskon early bird + countdown (opsional)
-
Garansi refund 7 hari (opsional)
J. FAQ
-
Apakah cocok untuk pemula?
-
Apakah ada sertifikat?
-
Jadwal kelas?
-
Sistem belajar?
-
Pembayaran?
K. Final CTA Section
-
Headline: “Siap naik level dalam 8 minggu?”
-
CTA: “Daftar Sekarang”
-
CTA alternatif: “Konsultasi Gratis via WhatsApp”
L. Footer
-
Kontak, email, sosial media, alamat (dummy)
-
Copyright
2) UI/UX Requirements
-
Responsive (mobile-first)
-
Clean layout, banyak whitespace
-
Warna: gradient modern (biru/ungu) + background putih
-
Font: sans modern
-
Komponen: button besar, cards, icon, section divider
-
Aksesibilitas: contrast bagus, ukuran font nyaman
3) Output yang Harus Diberikan AI
-
Kode lengkap index.html (HTML semantic)
-
styles.css (atau pakai Tailwind/Bootstrap, pilih salah satu)
-
script.js (smooth scroll, navbar sticky, accordion, testimonial carousel sederhana)
-
Copywriting lengkap (headline, benefit, CTA)
-
Semua file siap jalan tanpa setup rumit
Buatkan hasilnya rapi, production-like, dan mudah saya edit.
Tidak ada komentar:
Posting Komentar