Commerce & booking
Booking with live availability, prices and prepayment — and a menu with a basket.
See the serviceCase study02
Ari Zona. One business, two products.
Motel, grill & restaurantGat, Zakarpattia
A motel website with direct booking — live availability for the guest’s dates, the price for the whole stay and a 30% prepayment — and a restaurant e-menu in three languages, with its own wood-and-gold identity.
Real client work
- The motelgatiarizona.com.ua
- The restaurantari-zona-e-menu.vercel.app
Live availability
01The business
A motel, a grill and a restaurant under one roadside sign.
Ari Zona is a motel, grill and restaurant in the village of Gat, in Zakarpattia. The motel has 10 separate units — rooms for three and for four, an A-frame house and a room by the sauna — and the restaurant and grill are on site.
So one business sells two very different things: nights for dates, and dishes from a menu. Each needs its own product — and each a different first answer.
01The motelgatiarizona.com.ua
SellsNights, for dates
First answerWhat is free, and the price for the stay
Next stepBooking, with a 30% prepayment
LanguagesUA · HU
02The restaurantari-zona-e-menu.vercel.app
SellsFood and drinks
First answerWhat is on, and what it costs
Next stepA basket; delivery by arrangement
LanguagesUA · HU · EN
02The design question
A guest asks two different things of the same place.
We read the brief from what Ari Zona sells. Before booking a night or ordering a dish, a guest needs three answers — at a glance, on any screen.
- 01
Is anything free on my dates?
A motel sells nights for dates. So availability has to be live, and the dates have to be the first thing the site asks for.
- 02
What does the whole stay cost — and what do I pay now?
Not a nightly rate to multiply: the price for the whole stay and the 30% prepayment, side by side, before the guest commits.
- 03
What’s on the menu — in my language?
The menu is read on a phone, in Ukrainian, Hungarian or English. It has to switch languages, search, and split the way a kitchen and a bar do.
03The solution
So we built two products, each with its own character.
The motel website opens on its booking bar. Choose the dates and guests, and every room type shows whether it is free, the price for the whole stay and the 30% prepayment — then one step to booking with those same dates. A request number lets the guest find the booking again.
The restaurant’s e-menu has an identity of its own, in wood and gold: food and drinks, search, categories, a basket and home delivery by arrangement — in Ukrainian, Hungarian and English.
04What we built
The motelgatiarizona.com.ua
- 01
Website
In Ukrainian and Hungarian: rooms, restaurant, gallery and contact, with the phone in the header.
- 02
Live availability & prices
Every room type for the chosen dates, with how many are free and the price for the whole stay.
- 03
30% prepayment
The amount to pay now, stated next to every price.
- 04
Booking management
A booking found again by its request number and the guest’s phone.
The restaurantari-zona-e-menu.vercel.app
- 05
Digital menu
Dishes with photos and prices, by category, in Ukrainian, Hungarian and English.
- 06
Food & drinks, search
Two halves, kitchen and bar, and a search across the menu.
- 07
Basket
Dishes collected as the guest browses, with the count on the tab.
- 08
Delivery note
Said at the top of the menu: home delivery, price by arrangement.
05On desktop
The menu has a character of its own.
The restaurant’s e-menu on a large screen: a carved-wood menu between photographs from the grill — and everything a guest needs before the first dish.
Delivery, said first«Доставляємо додому — ціна за домовленістю» — home delivery, price by arrangement.
The phone number, up frontThe restaurant’s number at the top of the menu.
Where to find itThe address in Gat, and the restaurant’s Facebook page.
Three languagesUA · HU · EN — one menu, three languages.
Food, or drinksTwo halves, the way a kitchen and a bar are split.
Search and categoriesBreakfasts, salads, soups, hot dishes, sides… or type the dish.
06On the phone
On a phone, each product keeps its next step under the thumb.
The motel site fixes Call and Book to the bottom of every screen. The menu keeps its four tabs in reach — with the basket count on the last one.
Подзвонити · Забронювати — call, or book. Fixed to every screen.
Меню · Події · Про нас · Кошик — menu, events, about, basket.07Workflow
From dates to a booking you can find again.
A stay of 2 nights for 2 guests, followed through the live motel site. The interface stays in Ukrainian, as on the site.
- 01Заїзд · Виїзд · Гості — Показати вільні
Check-in, check-out and guests, on the first screen of the site.
- 02Вільно на 2 ночі для 2
Every room type, live for those dates: how many are free, the price for the whole stay, and the 30% prepayment.
Тримісні номери3 з 3 номерів доступні2 600 ₴30%: 780 ₴Чотиримісні номери5 з 5 номерів доступні2 800 ₴30%: 840 ₴A-frame будинокБудинок вільний3 600 ₴30%: 1 080 ₴Розміщення при сауніКористування сауною не входить у вартість2 000 ₴30%: 600 ₴ - 03Перейти до бронювання з цими датами
One step to booking, with the same dates carried over.
- 04Номер заявки AZ-… · Знайти бронювання
Later, the request number and the guest’s phone find the booking again.
08The place
The sign already says it: Motel. Grill. Restaurant.
The photographs are Ari Zona’s own — the roadside sign that opens the website, and the bar of the restaurant. We built the two products around them: the motel site light and calm, the menu in wood and gold.
09Project facts
Motel website
gatiarizona.com.uaRestaurant e-menu
ari-zona-e-menu.vercel.appLiveBuilt by HatalyX
Facts checked on the live sites, October 2026.
Next project
Sushi Box
Start a project
Have something in mind? Let’s build what your business actually needs.
A free, no-obligation conversation. Tell us about the business — we’ll recommend only what is worth building.
Start a project
or write directly