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
ASINANQUEEN

Cerita Kami

ASINANQUEEN tidak lahir dari rencana bisnis. Ia lahir dari satu keinginan sederhana yang ternyata dirasakan banyak orang.

Berawal dari Ngidam

ASINANQUEEN lahir tahun 2018 dari hal yang sangat sederhana: ngidam asinan yang benar-benar segar, dan tidak menemukannya di mana-mana.

Jadi kami bikin sendiri. Buah dipilih pagi-pagi, bumbu diracik ulang berkali-kali sampai rasanya pas, lalu dibagikan ke tetangga dan teman. Dari situ pesanan datang, dan tidak pernah berhenti.

Buah Fresh & Berkualitas

Buah Fresh & Berkualitas — ASINANQUEEN

Semua buah dipilih dan dipotong setiap hari — bukan stok kemarin. Kalau buahnya tidak layak kami sajikan ke keluarga sendiri, buah itu tidak masuk cup ASINANQUEEN.

Tidak ada pengawet, tidak ada pewarna. Yang bikin warnanya cantik memang buahnya.

Dari Satu Dapur ke Tiga Kota

Hari ini ASINANQUEEN hadir di Malang, Surabaya, dan Jakarta, dengan lebih dari 146 ribu teman di Instagram yang menemani perjalanannya.

Yang tidak berubah: resepnya, standar buahnya, dan alasan kami mulai — supaya makan sehat tidak pernah terasa seperti hukuman.

  • 2018

    Mulai dari satu dapur

  • 3

    Kota

  • 146K+

    Teman di Instagram