Gemini Pro

{

  "prompt": "SUPER PROMPT: Konsep & Blueprint Desain Website Aroma Pagi Coffee Shop\n\n[ROLE]\nAnda adalah seorang World-Class Creative Director yang memimpin tim berisi UI/UX Designer, Web Developer, Branding Specialist, dan Coffee Connoisseur. Misi Anda adalah menciptakan blueprint digital yang lengkap untuk website/web app sebuah kedai kopi modern bernama Aroma Pagi.\n\nTulis seluruh jawaban dalam bahasa Indonesia yang jelas, ringkas, dan profesional, dengan nuansa hangat dan mengundang.\n\n[PROJECT_GOAL]\nMerancang dan mendeskripsikan prototipe konseptual untuk sebuah website/web app yang:\n- Memukau secara visual,\n- Intuitif secara UX,\n- Kaya akan storytelling,\nuntuk kedai kopi fiksi Aroma Pagi.\n\nWebsite harus berfungsi bukan hanya sebagai halaman informasi, tetapi sebagai perpanjangan dari pengalaman fisik di kedai: hangat, mengundang, berkelas, dan mudah diingat.\n\n[PROJECT_CONTEXT & BRAND_IDENTITY]\n- Nama Kedai: Aroma Pagi\n- Filosofi: Aroma Pagi bukan sekadar tempat minum kopi, tetapi sebuah ritual. Tempat untuk memulai hari dengan semangat, menemukan jeda di tengah kesibukan, atau menutup hari dengan ketenangan. Brand ini merayakan biji kopi lokal Indonesia dan proses penyeduhan yang jujur.\n- Target Audiens: Profesional muda, mahasiswa, komunitas kreatif, dan pecinta kopi berkualitas yang menghargai suasana estetik dan nyaman.\n- Unique Selling Proposition (USP):\n  - Kopi specialty dengan harga terjangkau (rata-rata sekitar Rp 20.000),\n  - Suasana instagrammable,\n  - Pelayanan ramah dan personal.\n- Aesthetic & Mood:\n  - Modern minimalist, hangat, elegan, natural, clean.\n  - Perpaduan desain Skandinavia (fungsi dan kesederhanaan) dengan sentuhan tropis industrial (kayu, tanaman hijau, elemen metal hitam).\n\n[CORE_INSTRUCTIONS & DESIGN_DIRECTIVES]\n\n1. LANDING PAGE (HERO SECTION) – Impresi Pertama yang Tak Terlupakan\n- Visual utama:\n  - Gunakan video sinematik full-screen (atau gambar high-resolution) yang diputar otomatis tanpa suara.\n  - Visual menampilkan secangkir kopi hitam panas di atas meja kayu gelap, dengan uap tipis mengepul perlahan.\n  - Latar belakang sedikit blur (bokeh) yang menampilkan sekilas interior kedai yang hangat.\n  - Pencahayaan lembut, seolah datang dari jendela pagi hari.\n- Teks overlay di atas video/gambar:\n  - Headline utama (besar, elegan):\n    - Teks: Ritual Pagi Anda, Disempurnakan.\n    - Gunakan font serif berkelas seperti Playfair Display atau Lora.\n  - Sub-headline (lebih kecil):\n    - Teks: Temukan cita rasa kopi asli Indonesia dalam setiap cangkir.\n  - Call-to-Action (CTA):\n    - Tombol minimalis dengan teks: Lihat Menu Kami.\n    - State hover: sedikit membesar atau berubah warna (memakai warna aksen).\n- Navigasi:\n  - Posisi di bagian atas (top bar) dengan tampilan transparan saat halaman berada di bagian atas.\n  - Saat pengguna melakukan scroll, background navigasi berubah menjadi solid (misalnya putih atau krem lembut).\n  - Item menu: Beranda, Menu Kopi, Cerita Kami, Galeri, Lokasi.\n  - Sertakan versi mobile dengan ikon hamburger menu yang jelas.\n\n2. BAGIAN MENU KOPI – Etalase Digital yang Menggugah Selera\n- Layout:\n  - Gunakan layout berbasis card/grid yang rapi dan responsif.\n  - Kelompokkan minuman per kategori jika relevan (contoh: Espresso Based, Manual Brew, Non-Kopi, Seasonal).\n- Struktur setiap kartu minuman:\n  1. Gambar profesional:\n     - Foto close-up berkualitas tinggi dengan pencahayaan dramatis.\n     - Latar belakang bersih dan konsisten, bernuansa warm.\n     - Tampilkan detail menarik seperti buih susu, gradasi warna, atau tekstur es batu.\n  2. Nama minuman:\n     - Jelas, mudah dibaca, dan konsisten penulisannya (contoh: Kopi Susu Gula Aren, Americano, V60 Flores Bajawa).\n  3. Deskripsi puitis dan informatif:\n     - Jangan hanya menulis komposisi (misalnya: kopi, susu, gula aren).\n     - Jelaskan rasa, aroma, suasana, dan cerita singkat di balik minuman.\n     - Contoh:\n       - Kopi Susu Gula Aren:\n         - Perpaduan klasik espresso house blend kami yang kaya rasa dengan manisnya gula aren asli dan susu segar. Lembut, creamy, dan membangkitkan nostalgia.\n       - V60 Flores Bajawa:\n         - Rasakan karakter asli biji kopi Flores Bajawa. Disajikan dengan metode seduh V60 untuk menonjolkan profil rasa floral dengan sentuhan akhir citrus yang menyegarkan.\n  4. Harga:\n     - Tampilkan dengan jelas, misalnya: Rp 22.000.\n  5. Tag atau ikon (opsional namun direkomendasikan):\n     - Best Seller, Signature, Non-Kopi, Panas, Dingin, Musiman.\n     - Tampilkan dalam bentuk badge kecil atau ikon sederhana.\n- UX tambahan:\n  - Pertimbangkan filter atau tabs per kategori.\n  - Pastikan teks tetap terbaca di layar kecil.\n\n3. KONTEN VISUAL DAN TEKSTUAL LAINNYA\n- Bagian Cerita Kami:\n  - Halaman atau section khusus yang menjelaskan asal-usul Aroma Pagi, nilai-nilai brand, dan fokus pada kopi lokal.\n  - Elemen visual:\n    - Foto petani kopi lokal (jika relevan secara naratif),\n    - Proses roasting biji kopi,\n    - Foto tim barista yang sedang bekerja dengan ekspresi natural dan ramah.\n  - Gaya penulisan:\n    - Personal, otentik, dan jujur.\n    - Tekankan keterhubungan dengan komunitas lokal dan kecintaan terhadap kopi.\n- Bagian Galeri:\n  - Galeri foto full-width atau masonry yang menampilkan:\n    - Sudut-sudut interior kedai yang fotogenik,\n    - Detail dekorasi (lampu gantung, tanaman hias, karya seni di dinding),\n    - Suasana kedai saat ramai dan saat lebih tenang,\n    - Foto lifestyle pelanggan yang menikmati kopi (candid, tidak kaku).\n  - Pastikan navigasi galeri mudah (misalnya lightbox untuk memperbesar foto).\n- Gaya fotografi:\n  - Konsisten: warm tones, kontras seimbang, fokus tajam pada subjek.\n  - Pencahayaan lebih dominan natural; hindari tampilan terlalu steril atau generik seperti stok foto.\n\n4. SPESIFIKASI TEKNIS DAN UI/UX\n- Skema warna:\n  - Warna utama:\n    - Cokelat tua: #38220F\n    - Krem: #F5F5DC\n    - Hitam matte: #1A1A1A\n    - Putih gading: #FFFFF0\n  - Warna aksen:\n    - Oranye tembaga: #B87333 (untuk tombol, link penting, dan elemen interaktif).\n- Tipografi:\n  - Headings:\n    - Font serif elegan dan mudah dibaca, seperti Playfair Display atau Lora.\n  - Body text:\n    - Font sans-serif yang bersih dan modern, seperti Montserrat, Lato, atau Nunito Sans.\n  - Pastikan hierarki tipografi jelas (H1, H2, H3, body, caption).\n- Responsivitas:\n  - Desain mobile-first.\n  - Pastikan:\n    - Navigasi mudah dijangkau dengan satu tangan,\n    - Teks tetap terbaca tanpa zoom,\n    - Gambar teroptimasi sehingga tidak terlalu berat namun tetap tajam.\n- Animasi dan transisi:\n  - Gunakan animasi halus dan subtil:\n    - Efek fade-in saat elemen muncul ketika di-scroll,\n    - Efek hover ringan pada tombol dan kartu menu (sedikit membesar, bayangan lembut, atau perubahan warna aksen),\n    - Transisi antar-section yang mulus tanpa distraksi berlebihan.\n- Aksesibilitas dasar:\n  - Kontras warna teks terhadap background cukup tinggi,\n  - Ukuran font minimum yang nyaman dibaca,\n  - Teks alternatif (alt text) untuk gambar penting.\n\n[DELIVERABLE / OUTPUT YANG DIHARAPKAN]\nBerdasarkan instruksi di atas, hasilkan deskripsi terstruktur untuk website Aroma Pagi yang mencakup:\n\n1. Ringkasan konsep brand dan visual:\n   - Tonalitas, suasana, dan kata kunci utama brand.\n\n2. Struktur sitemap website:\n   - Daftar halaman utama dan sub-halaman (jika ada),\n   - Penjelasan singkat fungsi setiap halaman.\n\n3. Deskripsi detail tata letak dan konten untuk setiap halaman utama:\n   - Beranda (termasuk hero section dan section lain di halaman ini),\n   - Menu Kopi,\n   - Cerita Kami,\n   - Galeri,\n   - Lokasi (lengkapi dengan ide konten seperti peta, jam buka, kontak, dan CTA datang ke kedai).\n\n4. Contoh teks spesifik:\n   - Headline dan sub-headline utama,\n   - Beberapa contoh deskripsi kopi (3–5 contoh untuk jenis minuman berbeda),\n   - Teks CTA yang relevan (untuk mengajak melihat menu, datang ke kedai, atau mengikuti media sosial).\n\n5. Rekomendasi UI/UX:\n   - Rekomendasi konkret yang perlu diimplementasikan untuk menciptakan pengalaman pengguna yang premium, meliputi:\n     - Navigasi,\n     - Interaksi (hover, scroll, animasi),\n     - Prioritas konten (apa yang paling menonjol di setiap halaman),\n     - Saran tambahan untuk meningkatkan storytelling dan konversi (misalnya ajakan bergabung dengan newsletter, program loyalti, atau event komunitas).\n\nSusun jawaban akhir Anda dalam bentuk dokumen terstruktur dengan heading dan subheading yang jelas sehingga dapat langsung digunakan sebagai acuan bagi tim desain dan pengembang."

}