Web Desain Kivra Coffee

Tentang Perusahaan
Kivra Coffee adalah sebuah brand kopi lokal yang mengusung konsep cozy, soulful, dan berkualitas tinggi. Berfokus pada minuman kopi dan teh premium, Kivra Coffee ingin menghadirkan pengalaman minum kopi yang menyenangkan dan bermakna bagi semua kalangan. Untuk mendukung branding dan ekspansi bisnisnya secara digital, saya diberikan tanggung jawab untuk membangun website resmi Kivra Coffee dari nol—mencakup perencanaan, desain, hingga pengembangannya.
Tujuan
Pembuatan website ini bertujuan untuk:
Meningkatkan kehadiran digital Kivra Coffee melalui website profesional yang informatif dan menarik.
Menampilkan menu lengkap produk kopi, frappé, teh, dan varian lainnya dengan visual yang menggugah selera.
Menyampaikan cerita brand dan nilai-nilai di balik Kivra Coffee secara emosional dan engaging.
Memberikan informasi lengkap tentang lokasi, jam operasional, dan cara menghubungi outlet Kivra Coffee.
Proses Pengerjaan
1. Riset dan Perencanaan
Tahapan awal dimulai dengan memahami karakter brand Kivra Coffee yang hangat, ramah, dan modern. Saya juga meneliti kompetitor di bidang F&B (kopi dan café), serta perilaku target audiens: pecinta kopi, pekerja muda, hingga komunitas kreatif. Dari riset ini saya menyimpulkan bahwa website harus mengedepankan visual yang kuat, navigasi simpel, dan penekanan pada cerita brand.
2. Desain UI/UX
Desain saya rancang untuk memberikan kesan:
Hangat dan elegan: Menggunakan palet warna coklat kopi, beige, dan sentuhan putih bersih untuk memberi nuansa nyaman dan profesional.
Visual produk sebagai daya tarik utama: Gambar produk kopi dan teh ditampilkan secara besar dan jernih, menggugah selera pengunjung.
Struktur intuitif: Navigasi difokuskan pada tiga menu utama—Home, Our Menu, About Us—dengan akses mudah ke informasi penting seperti jam buka dan alamat.
Responsif dan adaptif: Desain diuji di berbagai perangkat (mobile, tablet, desktop) untuk memastikan pengalaman pengguna yang konsisten.
3. Pengembangan Website
Setelah desain disetujui, saya mengembangkan website menggunakan:
HTML, CSS, dan JavaScript untuk tampilan statis yang optimal dan interaktif.
WordPress sebagai CMS agar tim Kivra dapat mengelola konten secara mandiri tanpa kesulitan teknis.
Plugin galeri menu dan penjadwalan untuk mendukung pengelolaan daftar menu dan jam operasional secara mudah.
Integrasi Google Maps dan WhatsApp agar pelanggan dapat dengan cepat menemukan lokasi atau melakukan pemesanan langsung.

Fitur Utama
Our Menu: Halaman khusus yang membagi produk dalam kategori (Coffee, Frappé, Coffee Over Ice, Tea), disertai gambar dan nama produk untuk memudahkan pelanggan memilih.
About Us: Menjelaskan filosofi brand Kivra, nilai-nilai yang dipegang, dan cerita di balik penciptaan kopi mereka.
Testimoni Pelanggan: Disediakan pada homepage sebagai bentuk social proof yang memperkuat kredibilitas dan pengalaman pelanggan.
Tombol “Order Now” & Kontak: Memudahkan pengguna untuk melakukan pemesanan atau menghubungi langsung tim Kivra via WhatsApp/email.
Informasi Lokasi dan Jam Buka: Tercantum dengan jelas di bagian footer agar mudah ditemukan oleh pengunjung.
Peran dan Tanggung Jawab Saya
Perancangan Struktur Website: Saya menyusun struktur informasi website yang ringkas namun komprehensif agar memudahkan navigasi dan meningkatkan pengalaman pengguna.
Desain UI/UX: Saya bertanggung jawab penuh atas tampilan visual, dari pemilihan font, warna, icon, hingga layout konten.
Pengembangan dan Implementasi: Saya membangun website menggunakan WordPress, menyusun halaman-halaman sesuai desain, serta mengintegrasikan fitur tambahan seperti Google Maps dan WhatsApp.
Optimasi Responsif: Saya memastikan website dapat diakses dengan lancar di semua perangkat dengan kecepatan optimal.