Lompat ke konten

Demo project. Website ini contoh karya, bukan situs resmi ASINANQUEEN — menu, harga, dan alamat outlet masih data contoh.

Tentang proyek ini

Demo website ASINANQUEEN oleh CroissantsMoon Digital Solution

ASINANQUEEN adalah brand F&B multi-outlet (asinan, rujak, salad buah, dessert) dengan 146K+ pengikut Instagram tapi belum punya website sendiri. Proyek ini membangun rumah digital brand tersebut: satu tempat untuk memesan, membaca ceritanya, dan menemukan cabang terdekat.

Semua konten di sini masih data contoh untuk keperluan demo. Tidak ada transaksi yang benar-benar diproses.

Penjelasan lengkapnya ada di PDF

12 bagian dalam Bahasa Indonesia: latar brand, tujuan, struktur situs, alur pemesanan, design system lengkap dengan palet warna, aturan konten, teknologi, sampai rincian timeline 4 minggu.

Download PDF

Tujuan

  • Mendorong pesanan lewat kanal yang sudah dipakai brand (WhatsApp, Instagram, marketplace)
  • Menceritakan brand story: dari craving pribadi jadi bisnis multi-cabang
  • Membantu pelanggan menemukan outlet terdekat di Malang, Surabaya, dan Jakarta
  • Jadi "rumah" resmi brand yang bisa ditemukan lewat pencarian, bukan cuma Instagram

Yang dibangun

Home
Hero mascot, menu unggulan, value proposition, teaser lokasi, social proof
Menu
Dikelompokkan per kategori, harga, foto, filter per kota
Lokasi
Outlet per kota lengkap dengan alamat, jam buka, peta, dan kontak
Cerita Kami
Founder story, positioning fresh & sehat, milestone brand
Pesan
Rute ke WhatsApp / Instagram / marketplace — tanpa checkout sendiri
Kontak
Jalur terpisah untuk franchise, partnership, dan press

Pemesanan sengaja tidak punya cart/checkout sendiri — setiap CTA “Pesan” berujung ke WhatsApp, Instagram, atau link marketplace milik outlet yang bersangkutan.

Timeline — 4 minggu

  1. Minggu 1Discovery & fondasi

    PRD, design system (palet, tipografi, komponen), arsitektur teknis, dan rules konten disepakati lebih dulu — supaya keputusan desain tidak diulang tiap halaman.

  2. Minggu 2Kerangka & halaman utama

    Setup Next.js + Tailwind dengan design token, layout global (header, footer, navigasi mobile), komponen shared, dan halaman Home.

  3. Minggu 3Menu, Lokasi & konten

    Menu berkategori dengan filter kota, direktori outlet per kota, halaman Cerita Kami, Pesan, dan Kontak — plus struktur data yang bisa ditambah cabang baru tanpa ubah kode.

  4. Minggu 4Polish, QA & launch

    SEO per kota, aksesibilitas (tap target 44px, kontras, keyboard), optimasi gambar dan performa mobile, review preview, lalu deploy produksi.

Teknologi

Next.js (App Router)
Static/ISR untuk loading cepat di mobile dan SEO lokal
Tailwind CSS
Design token dari design system langsung jadi utilitas
next/font (Fredoka + Poppins)
Font self-hosted, tidak memblokir render
Next.js Image
Gambar responsif & lazy-load — situs ini berat foto
Google Maps embed
Rute "get directions" per outlet
Vercel
Auto-deploy plus preview per perubahan untuk review brand

Kontak

Tertarik bikin sesuatu yang serupa, atau mau tanya-tanya soal demo ini?

croissantsmoon@gmail.com
ASINANQUEEN

🍍 Sejak 2018 · Malang · Surabaya · Jakarta

Mau diettapi makan enak?Asinan Queen aja.

Asinan, rujak, dan salad buah dari buah fresh pilihan — dipotong tiap hari, tanpa pengawet, tanpa drama.

ASINANQUEEN

Cendol Queen sudah sampai di semua cabang!

No susu, no santan, no cholesterol. Seger tanpa rasa bersalah.

Pesan sekarang

Yang paling dicari

Best seller yang bikin orang balik lagi minggu depan.

Lihat Semua Menu
Asinan Bogor — Asinan buah khas Bogor dengan kuah kacang pedas manis dan kerupuk mie.
★ Best Seller

Asinan Bogor

Asinan buah khas Bogor dengan kuah kacang pedas manis dan kerupuk mie.

Rp25.000

Pesan
Rujak Kweni — Mangga kweni serut segar dengan bumbu kacang khas Queen. Manis, pedas, nagih.
★ Best Seller

Rujak Kweni

Mangga kweni serut segar dengan bumbu kacang khas Queen. Manis, pedas, nagih.

Rp27.000

Pesan
Salad Buah — Buah segar potong dengan saus yoghurt dan keju parut. Favorit sejuta umat.
★ Best Seller

Salad Buah

Buah segar potong dengan saus yoghurt dan keju parut. Favorit sejuta umat.

Rp28.000

Pesan
Mango Sago — Mangga blender dengan sagu mutiara dan potongan mangga segar.
★ Best Seller

Mango Sago

Mangga blender dengan sagu mutiara dan potongan mangga segar.

Rp28.000

Pesan

Buah Fresh & Berkualitas

Bukan slogan. Ini standar yang bikin kami repot tiap pagi.

  • Dipotong tiap hari

    Buah datang pagi, dipotong pagi, habis hari itu juga. Tidak ada stok kemarin.

  • Tanpa pengawet

    Warnanya cantik karena memang buahnya. Tidak ada pewarna, tidak ada pengawet.

  • Enak tapi tetap ringan

    Porsi mengenyangkan dengan bahan yang tidak bikin nyesel setelah makan.

Ada di kota kamu?

Pilih kota, langsung dapat alamat dan jam buka.

Materi promosi ASINANQUEEN: Mau diet tapi makan enak? Asinan Queen aja — dengan rujak kweni, gado-gado, dan sesame salad

146K+

teman sudah gabung di Instagram

Menu baru, promo, dan keseharian dapur kami — semuanya diposting di sana duluan.

Follow @asinanqueen
  • Asinannya seger banget, kuahnya pas. Udah langganan tiap minggu.

    Dinda · Surabaya

  • Salad buahnya jujur aja porsinya royal. Buahnya beneran fresh.

    Rangga · Malang

  • Cendolnya enak dan nggak eneg karena nggak pakai santan. Suka!

    Mega · Jakarta