RUA

Situasinya

Satu halaman, satu meja panjang

Kura-kura di depan pintu

Situs dibuka dengan rolling door yang naik setelah hitungan sampai 100. Wordmark RUA meregang ke atas, kura-kura melompat dari tepi bawah sambil memegang menu, dan bila disentuh ia mengucapkan kalimat lain, dari Xin chào sampai Ăn ngon nhé. Bagian Come, we eat menghadirkan tiga kura-kura pelayan dan kisah namanya: rùa berarti kura-kura.

Jangan lupa saus

Botol saus cabai bisa diremas. Setiap remasan memercikkan saus ke judul dan menaikkan tingkat pedasnya, dari Mild sampai RUA hot, lalu OK, that’s plenty.

Menu yang tersaji

Menu berisi 17 makanan dan minuman dalam tiga tab: Big eats, Good sips, dan Extra bites. Di desktop, gambar hidangannya mendarat di piring saat namanya disorot; menu yang pedas diberi tanda cabai. Di bawahnya, carousel Hot eats on the go bisa digeser, dan tombol Add-nya langsung menaruh hidangan di meja.

Pesan untuk satu meja

Tombol + membuat hidangan terbang ke Your table. Di sana jumlahnya bisa diatur, totalnya terlihat, dan kura-kura bereaksi dengan wajah yang berbeda. Send to the counter mencetak tiket bernomor untuk ditunjukkan di kasir; tiket itu menyebut dengan jelas bahwa ini preview dan tidak ada yang dikirim.

Panas di dalam kotak

Bagian bawa pulang memperlihatkan kemasan RUA dalam empat langkah: lembaran datar, label, kotak terlipat, dan mangkuk sup. Di desktop langkahnya berganti saat halaman digulir; di HP berganti sendiri dan bisa dipilih.

Pull up here!

Papan Open/Closed tergantung dan berayun saat disentuh atau saat halaman digulir cepat. Papan itu membaca jam Saigon, jadi pengunjung dari mana pun tahu apakah RUA sedang buka. Di bawahnya ada foto toko, empat cara makan di RUA, dan kolase papan-papan di dalam kafe.

Little Stool Club

Dinding stiker bisa diisi sendiri: ketuk tempat kosong untuk menempel stiker baru, geser stiker ke mana saja, atau kelupas semuanya. Di bawahnya ada merchandise RUA dan enam unggahan Instagram.

Alur memesan untuk satu meja

1. Ketuk + pada hidangan di menu atau carousel
2. Hidangannya terbang ke Your table
3. Atur jumlah setiap hidangan
4. Periksa totalnya
5. Kirim dengan Send to the counter
6. Tunjukkan tiket bernomor di Order here

Keputusan desain

• Gerak dari GIF mereknya

  Maskot muncul dari tepi bawah dengan kabur gerak lalu memantul. Gerak diam, goyangan, dan stiker yang ditempel ditahan dua frame seperti stop-motion, dan garisnya bergetar delapan kali per detik seperti gambar tangan.

• Jam buka dalam waktu Saigon

  Status di header dan papan Open/Closed dihitung dari jam Saigon (10.00 sampai 22.00), bukan jam di perangkat pengunjung, dan diperbarui setiap 30 detik.

• Meja yang menunggu

  Pesanan disimpan di perangkat pengunjung, jadi saat kembali mejanya masih ada. Bila browser menolak penyimpanan, situs tetap berjalan.

• Main-main, tetap mudah dipakai

  Kursor sumpit hanya muncul untuk mouse. Hidangan bisa ditambah dengan keyboard, Escape menutup Your table, dan bila pengunjung meminta gerak dikurangi, animasinya berhenti.