sam-coffee

byPutra Sampean

Buat sebuah website modern untuk brand kopi bernama SAM Coffee, sebuah bisnis kopi keliling yang memiliki karakter anak muda, santai, berani, dan dekat dengan pelanggan. BRAND IDENTITY * Nama brand: SAM Coffee * Konsep: Mobile Coffee / Kopi Keliling * Warna utama: #1234BD * Warna pendukung: putih #FFFFFF * Gunakan warna biru #1234BD sebagai warna branding utama secara konsisten. * Dominasi visual: biru dan putih dengan sedikit warna netral untuk menjaga tampilan tetap clean. * Jangan menggunakan warna merah, hijau, atau warna mencolok lainnya. * Gaya visual: modern, clean, youthful, energetic, premium tetapi tetap terasa dekat dan santai. * Gunakan typography yang bold, modern, dan mudah dibaca. HERO SECTION Buat halaman pembuka yang langsung menarik perhatian. Headline: “KOPI ENAK, KETEMU DI JALAN.” Subheadline: “SAM Coffee hadir buat nemenin perjalanan, kerja, nongkrong, dan hari-hari lu.” Tambahkan tombol: * Lihat Menu * Temukan SAM Coffee Gunakan foto/ilustrasi kopi dan kendaraan kopi keliling sebagai visual utama. Tambahkan elemen dekorasi dengan warna #1234BD seperti shape, garis, bubble, atau pattern yang terinspirasi dari brand SAM Coffee. MENU Buat section menu yang menampilkan produk SAM Coffee dalam bentuk kartu modern. Contoh: * Kopi Susu * Kopi Sanger * Matcha * Matcha Strawberry * Americano * Chocolate * Minuman lainnya Setiap produk memiliki: * Foto produk * Nama produk * Deskripsi singkat * Harga * Tombol Pesan Sekarang Gunakan card putih dengan border atau shadow yang halus dan aksen biru #1234BD. TENTANG SAM COFFEE Buat section storytelling: “BUKAN CUMA KOPI, KAMI DATANG NYARI LU.” Jelaskan bahwa SAM Coffee adalah kopi keliling yang hadir lebih dekat dengan pelanggan dan ingin membuat pengalaman minum kopi menjadi lebih mudah, santai, dan menyenangkan. Gunakan foto tim atau kendaraan SAM Coffee. CARA PESAN Buat alur sederhana: 1. Pilih menu 2. Hubungi SAM Coffee 3. Kami datang 4. Nikmati kopi lu Gunakan icon sederhana dengan style modern. LOKASI Buat section “SAM Coffee Lagi Dimana?” Tampilkan area operasional SAM Coffee dan gunakan desain seperti map/location card. Tambahkan tombol: “Cari SAM Coffee” PROMO Buat section khusus promo dengan desain yang lebih mencolok tetapi tetap menggunakan identitas biru #1234BD dan putih. Contoh headline: “LAGI ADA PROMO NIH 👀” Tambahkan kartu promo yang dapat diperbarui dengan mudah. SOCIAL MEDIA Buat section: “FOLLOW PERJALANAN SAM COFFEE” Tampilkan preview konten Instagram/TikTok dalam bentuk grid. Tambahkan tombol: Instagram TikTok CTA Buat section besar sebelum footer: “SEKALI COBA, BAKAL TAHU BEDANYA.” Subheadline: “Jangan cuma lihat dari jauh. Cari SAM Coffee dan cobain sendiri.” Button: “Pesan Sekarang” FOOTER Footer minimalis dengan: * Logo SAM Coffee * Instagram * TikTok * WhatsApp * Lokasi * Jam operasional * Copyright SAM Coffee UI/UX * Responsive untuk mobile, tablet, dan desktop. * Prioritaskan tampilan mobile karena pelanggan banyak mengakses melalui smartphone. * Navigasi sticky di bagian atas. * Gunakan animasi ringan ketika scrolling. * Hover animation pada button dan product card. * Smooth scrolling. * Loading animation sederhana menggunakan elemen brand SAM Coffee. * Gunakan rounded corners secara modern tetapi jangan berlebihan. * Gunakan whitespace yang cukup. * Website harus terasa premium tetapi tidak kaku. STYLE Bayangkan perpaduan antara: modern coffee brand + street coffee + mobile lifestyle + youthful Indonesian brand. Hindari tampilan website korporat yang terlalu formal. Warna #1234BD harus menjadi identitas visual utama SAM Coffee dan langsung terasa ketika orang pertama kali membuka website.