Loma
Situs restoran Amerika Latin di Lima: tenang tapi berani, dengan carta, kisah merek, dan reservasi meja.
- Klien
- Loma
- Bidang
- Restoran
- Peran saya
- Desain situs, interaksi, dan front-end, bersama Invisual Studio
- Tahun
- 2026
- Jalur
- Ditemukan, Melayani
Situasinya
Loma adalah ruang makan Amerika Latin kontemporer di Lima, Peru: berakar pada tanah, dibentuk oleh api, dibuat untuk dibagi. Situsnya perlu terasa seperti ruangannya, gelap, hangat, dan pelan, sambil tetap membuat dua hal mudah: melihat carta dan memesan meja.
Proyek ini dikerjakan di Invisual Studio sebagai satu file preview berisi empat halaman, lengkap di desktop dan HP. Situsnya belum tayang, dan formulir reservasinya tidak mengirim apa pun.
Empat halaman, satu suasana
Tierra, Fuego, Tiempo
Beranda bercerita lewat tiga unsur, tanah, api, dan waktu, yang bergeser ke samping saat digulir. Fotonya melengkung halus mengikuti gerak gulir, dan tetap tampil sebagai foto biasa bila browser tidak mendukung WebGL.
Tujuh signature
Tujuh menu signature tersusun sebagai daftar. Di desktop, foto piringnya berganti saat nama menu disorot; di HP, setiap menu tampil dengan fotonya sendiri.
Lima tempat duduk
La Sala, El Salón, El Jardín, La Terraza, dan El Bar bisa dipilih satu per satu, masing-masing dengan foto dan suasananya. Tombol reservasinya ikut berganti nama, dan tempat duduk itu sudah terpilih saat formulir reservasi terbuka.
La Carta
Carta berisi 33 menu dalam delapan kategori, dari Signature sampai Without Spirits. Navigasi kategori menempel di sisi halaman, dan foto signature menemani daftar menu.
Historia
Halaman kisah memperkenalkan tanda jaguar, palet warna yang diambil dari material ruangan (walnut, kayu bergalur, linen zaitun, travertine), dapurnya, dan enam ikon yang digambar tangan seperti cap.
Reservar
Reservasi berjalan dalam enam langkah. Hari Senin otomatis tertutup, jam hanya muncul dalam jam buka, tamu dibatasi enam orang dengan jalan pintas ke private dining, lalu ringkasannya tampil dengan kalimat Nos vemos pronto.
Alur reservasi
- Pilih tanggal; hari Senin tutup
- Pilih jam antara 5.30 dan 10.00 malam
- Atur jumlah tamu, satu sampai enam
- Pilih tempat duduk bila ingin
- Pilih acaranya bila ingin
- Isi nama dan email, lalu kirim permintaan
Keputusan desain
Foto yang terasa hidup, dengan cadangan
Foto dirender lewat WebGL supaya bisa melengkung halus saat digulir. Di balik itu tetap ada gambar biasa, jadi semua foto tampil di browser tanpa WebGL.
Warna dari ruangannya
Palet Boho Black, Tribal Brown, Nato Green, dan Silk Grey diambil dari walnut, kayu bergalur, linen, dan travertine di ruang makan, jadi situs dan ruangannya bicara dengan bahasa yang sama.
Detail yang digambar tangan
Enam ikon tempat (entrada, meja host, ruang tunggu, private dining, bar, teras) digambar seperti cap lama dan dipakai dari papan nama sampai kantong kertas.
Reservasi yang jujur
Formulir hanya menawarkan yang benar-benar bisa dipesan: hari Senin tutup, jam sesuai jam buka, dan rombongan tujuh orang atau lebih diarahkan ke private dining.
Dalam angka
- 4
- halaman dalam satu file
- 33
- menu dalam delapan kategori
- 5
- tempat duduk untuk dipilih
- 6
- langkah memesan meja
Dibuat dengan HTML, CSS, dan JavaScript, GSAP (ScrollTrigger, Flip, SplitText), dan Three.js untuk foto WebGL. Satu file, berjalan tanpa server.