Created
April 2, 2025 12:18
-
-
Save suryaelidanto/bf4d66eafacad786863e1310f979a498 to your computer and use it in GitHub Desktop.
Prompt Percobaan Lovable, Bolt, V0, Replit
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Tujuan: | |
Membuat desain landing page satu halaman yang menarik untuk fresh graduate yang mencari pekerjaan fleksibel dengan tugas-tugas kecil dan pembayaran cepat. Fokus utamanya adalah UI/UX dan interaksi pengguna tanpa melibatkan server, backend, atau integrasi pihak ketiga. Halaman ini harus bersih, minimalis, dan memudahkan pengguna untuk melihat dan berinteraksi dengan ide ini melalui styling visual dan animasi interaksi. | |
1. Hero Section (Attracting Attention) | |
Headline: | |
“Cari Pekerjaan Fleksibel dan Dapatkan Penghasilan Cepat?” | |
Subheadline: | |
“Kerja dari rumah, tugas kecil, bayar cepat. Cukup dengan skill dasar, kamu bisa mulai langsung!” | |
Visual: | |
Desain hero yang menampilkan seorang fresh graduate bekerja dengan laptop dari rumah, terlihat santai dan produktif. | |
Bisa menggunakan animasi atau video pendek (looping) yang menampilkan seseorang mengerjakan tugas-tugas sederhana seperti pengisian data, riset kecil, atau desain dasar. | |
Call to Action (CTA): | |
Button: | |
“Bergabung Sekarang & Mulai Kerja!” | |
Tombol ini mengarah ke form pendaftaran untuk email (di bagian bawah halaman). | |
2. Pain Points (Tunjukkan Masalah yang Ada) | |
Untuk Fresh Graduate: | |
"Lulusan Baru dan Bingung Cari Kerja?" | |
“Gak perlu pengalaman panjang. Mulai kerja dengan tugas kecil, bayar cepat, tanpa ribet!” | |
"Kerja Fleksibel, Gaji Cepat" | |
“Tugas sederhana bisa kamu kerjakan kapan saja. Gak perlu komitmen besar, bayar langsung setelah selesai!” | |
Interaksi: | |
Gunakan scroll-triggered animation di mana teks muncul satu per satu saat pengguna scroll ke bawah. | |
Desain teks yang cukup besar, dengan icon kecil yang menggambarkan pekerjaan (misalnya, ikon laptop untuk pekerjaan remote, ikon dompet untuk gaji cepat). | |
Testimonial (Contoh Relatable): | |
"Dulu bingung cari pekerjaan, sekarang bisa nambahin uang saku dengan tugas kecil yang mudah. Gampang banget!" | |
– Agung, Fresh Graduate | |
3. How It Works (Menjelaskan dengan Simpel & Cepat) | |
Deskripsikan proses dengan langkah-langkah yang jelas dan animasi interaktif untuk memberi kesan sederhana dan mudah. | |
Langkah 1: | |
“Daftar Profil Singkat” | |
Tampilkan form email sederhana (minimalis), hanya meminta alamat email dan keterampilan yang dimiliki. | |
Langkah 2: | |
“Pilih Pekerjaan Sederhana” | |
Tampilkan beberapa icon pekerjaan kecil (misalnya riset data, entri data, desain grafis) yang pengguna bisa pilih. | |
Langkah 3: | |
“Kerjakan & Dapatkan Bayaran” | |
Tampilkan proses “kerja” dengan animasi ringan, seperti progress bar atau checklist yang mengilustrasikan menyelesaikan tugas dan menerima bayaran. | |
4. Stronger Call to Action (Emotional) | |
Headline: | |
“Mulai Dapatkan Penghasilan dari Rumah Sekarang!” | |
Button: | |
“Daftar Sekarang – Dapatkan Penghasilan Segera” | |
Buat tombol CTA ini menonjol dengan warna cerah yang kontras (misalnya biru atau hijau), dengan efek hover animasi. | |
5. Key Benefits Section (Simple & Clear) | |
Buat bagian ini menggunakan icon dan text yang ringkas, dengan animasi ringan untuk tiap benefit yang muncul saat user scroll. | |
“Kerja Fleksibel dari Rumah” | |
“Gaji Cepat dan Mudah” | |
“Tugas Kecil, Tanpa Komitmen Besar” | |
“Mulai dengan Skill Dasar” | |
Tiap benefit diwakili dengan icon yang menarik dan visual yang menggambarkan manfaatnya. | |
6. Emotional Testimonials (Meningkatkan Kredibilitas) | |
Testimonial 1: | |
"Dulu saya bingung cari pekerjaan setelah lulus, sekarang saya bisa dapat uang dari tugas yang bisa diselesaikan dalam sehari. Gak pernah nyangka bisa kerja dari rumah!" | |
– Sarah, Fresh Graduate | |
Testimonial 2: | |
"Kerja sambil kuliah, bisa dapat penghasilan tambahan dengan tugas yang simpel. Langsung bayar setelah selesai. Gampang banget!" | |
– Budi, Mahasiswa & Fresh Graduate | |
Untuk testimonial, gunakan carousel atau quote bubble yang bisa di-swipe atau klik untuk melihat lebih banyak. | |
7. Social Proof | |
Buat bagian ini untuk memicu rasa keingintahuan, tanpa harus menunjukkan bukti nyata: | |
"Bergabung dengan Ribuan Fresh Graduate yang Sudah Menemukan Pekerjaan Fleksibel!" | |
Tampilkan ikon sosial media (Instagram, Twitter, Facebook) yang mengarah ke platform sosial untuk mendapatkan informasi lebih lanjut. | |
“Ikuti Kami untuk Update Peluncuran!” | |
Link ke media sosial atau tombol untuk menerima pemberitahuan. | |
8. Design Elements (UI/UX Improvements) | |
UI/UX Elements: | |
Color Scheme: | |
Pilih warna yang segar, seperti biru muda atau hijau pastel yang menggambarkan profesionalisme dan kepercayaan. Gunakan warna kontras yang cerah pada tombol CTA untuk menarik perhatian. | |
Typography: | |
Gunakan font yang besar dan jelas untuk headline dan CTA. Pilih font sans-serif untuk kesan modern dan clean. | |
White Space: | |
Pastikan ruang kosong cukup untuk menciptakan kesan lapang dan tidak berantakan. Perhatikan margin dan padding antar elemen. | |
Animasi & Transisi: | |
Gunakan scroll-triggered animations untuk membuat konten bergerak atau muncul secara bertahap ketika pengguna scroll. Pastikan animasi ringan dan tidak terlalu mengganggu. | |
CTA Design: | |
CTA Button: | |
Desain tombol CTA dengan warna kontras, misalnya biru atau hijau, yang menarik perhatian tanpa terasa agresif. | |
Hover Effect: | |
Tambahkan efek hover pada tombol CTA seperti warna berubah atau shadow effect saat kursor menyentuh tombol. | |
9. Simplified Data Collection (Email Sign-Up) | |
Formulir Sederhana: | |
Formulir email yang sangat sederhana, hanya meminta email pengguna untuk menerima pemberitahuan peluncuran. | |
Text Form: | |
“Masukkan email Anda dan mulai dapatkan penghasilan pertama!” | |
Formulir ini berada di bagian bawah halaman dengan tombol CTA besar yang mudah diakses. |
Thankyou mas😁
SIAPPPPP
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Izin nitip sendal mas 😁