Virgiawan Listanto
WhatsApp me

Loma

A Latin American restaurant site for Lima: quiet but bold, with the carta, the brand story and table reservations.

Client
Loma
Field
Restaurant
My role
Site design, interaction and front-end, with Invisual Studio
Year
2026
Lines
Get found, Serve
Loma homepage: a warm wall lamp in a dark dining room, the large Loma wordmark below

The situation

Loma is a contemporary Latin American dining room in Lima, Peru: rooted in the land, shaped by fire, made to share. The site had to feel like the room, dark, warm and unhurried, while keeping two things easy: reading the carta and booking a table.

The project was made at Invisual Studio as a single preview file with four pages, complete on desktop and phone. The site isn't live yet, and its reservation form sends nothing.

Four pages, one mood

Tierra, Fuego, Tiempo

The homepage tells its story through three elements, land, fire and time, which slide sideways as you scroll. The photographs bend gently with the scroll, and still show as ordinary photos when the browser has no WebGL.

The Fuego chapter on the homepage: a chef pouring sauce over a plate, the word FUEGO large below

Seven signatures

The seven signature plates sit in a list. On desktop, the photo changes as you point at each name; on phones, every plate shows with its own photo.

The signature list with Grilled Octopus highlighted and its photo on the right
The signature list on phone, each plate with its photo

Five places to sit

La Sala, El Salón, El Jardín, La Terraza and El Bar can be chosen one at a time, each with its photo and mood. The reserve button takes the space's name, and that seating is already selected when the reservation form opens.

Five places to sit with El Jardín selected: a lantern-lit garden with floor cushions under the trees

La Carta

The carta holds 33 items in eight courses, from Signature to Without Spirits. The course navigation stays at the side of the page, and a signature photo keeps the list company.

La Carta: the Signature and To Begin courses, the course navigation on the left, a Grilled Octopus photo on the right
La Carta on phone with the course navigation at the top

Historia

The story page introduces the jaguar mark, a palette taken from the room's materials (walnut, fluted wood, olive linen, travertine), the kitchen, and six hand-drawn icons cut like stamps.

What the room is made of: four material photos with their colour names

Reservar

Reservations run in six steps. Mondays close on their own, times only appear within opening hours, guests are capped at six with a shortcut to private dining, and the summary closes with Nos vemos pronto.

The reservation form: a date, a time, three guests, El Jardín and the Celebration occasion selected
The Nos vemos pronto confirmation with the reservation summary on phone

Booking a table

  1. Pick a date; Mondays are closed
  2. Choose a time between 5.30 and 10.00 PM
  3. Set the guests, one to six
  4. Choose a seating area if you like
  5. Choose the occasion if you like
  6. Enter a name and email, then send the request

Design decisions

  • Photos that feel alive, with a fallback

    The photographs render through WebGL so they can bend gently on scroll. Ordinary images sit underneath, so every photo still shows in a browser without WebGL.

  • Colours from the room

    The Boho Black, Tribal Brown, Nato Green and Silk Grey palette comes from the walnut, fluted wood, linen and travertine in the dining room, so the site and the room speak the same language.

  • Details drawn by hand

    Six place icons (entrance, host desk, waiting area, private dining, bar, terrace) are drawn like old stamps and used from signage to paper bags.

  • An honest booking form

    The form only offers what can really be booked: Mondays closed, times within opening hours, and parties of seven or more sent to private dining.

By the numbers

4
pages in one file
33
items across eight courses
5
places to sit
6
steps to book a table

Built with HTML, CSS and JavaScript, GSAP (ScrollTrigger, Flip, SplitText) and Three.js for the WebGL photographs. One file that runs without a server.

Next roomInvisual HRIS
Chat on WhatsApp