Case study03

Sushi Box. Ordering, made for the thumb.

Philadelphia rolls — salmon over rice, with cream cheese and cucumber — on a dark plate: Sushi Box’s own dish photography.

Філадельфія300 г300 грн

The shop’s own photograph, as in its menu. Photo: Sushi Box.

Sushi & street food, take-away and deliveryVylkove, Ukraine

A mobile-first site for a sushi and street-food kitchen: the shop’s own dish photography, a sheet for every dish with weight, ingredients and price, and one tap to call or send a ready-written Viber order.

Real client work sushibox-seven.vercel.app
Sushi Box website on a desktop: “Смак, який приїжджає до тебе.” (Taste that comes to you) beside a photograph of the shop’s rolls, with View menu and Order buttons and the order hours.
Sushi Box on a phone: the menu intro — 8 categories, 74 items, prices, weight and ingredients as on the shop’s menu — category chips and a bottom tab bar.
Sushi Box dish sheet on a phone: Philadelphia roll, best-seller, 300 g, ingredients, 300 UAH and an Order button.
One tap to order
Dish sheet detail: price 300 UAH, an Order button, and “Orders 12:00–18:00 · delivery in Vylkove — 100 UAH”.
Designed for the phone first: the menu and a dish sheet, with the desktop site behind them.Photography in the site: Sushi Box.

01The business

A take-away kitchen with 74 things to choose from.

Sushi Box makes sushi and street food in Vylkove, Ukraine — for take-away and delivery. The site speaks Ukrainian and English.

Its menu is 8 categories and 74 items — sets, rolls, baked rolls, tempura rolls and more — each with its price, weight and ingredients, exactly as on the shop’s own menu, and photographed by the shop itself.

Two dishes, as the menu states them

Сет 124 шт · 850 г — Темпура з тунцем, Філадельфія з креветкою, Кракен · по 8 шт980 грн
Філадельфія02 Роли · 300 г — норі, рис, лосось, сир, огірок300 грн

Categories · 8 in all

  • Сети
  • Роли
  • Запечені роли
  • Темпура-роли
  • + 4 more

Facts checked on the live sites, October 2026.

02The design question

8
menu categories
74
items on the menu

74 items have to fit in one hand.

We read the brief from how a take-away kitchen sells. Before ordering, a customer needs three answers — on the screen of a phone.

  1. 01

    What is there today?

    Seventy-four items is a lot for a small screen. The menu has to keep its eight categories apart, with one tap between them.

  2. 02

    What exactly will I get?

    Pieces, weight, what is inside and the price — stated for every dish, with a photograph of the real thing.

  3. 03

    How do I order — and until when?

    The hours, the pick-up time and the delivery price have to be in sight, and the order has to reach the shop in one tap.

03The solution

So the menu was built for the phone first.

On a phone the menu opens with its size and its promise: 8 categories, 74 items, prices, weight and ingredients exactly as on the shop’s menu — and photographs of the shop’s own dishes.

Category chips run across the top, five tabs stay at the bottom — Home, Menu, Categories, Delivery, Contacts — and every dish opens into a sheet with its weight, ingredients, price and an Order button. The order goes straight to the shop: a call, or a Viber message that is already written.

04What we built

  1. 01

    Mobile-first menu

    8 categories and 74 items, laid out for one hand: chips on top, tabs below.

  2. 02

    Dish detail sheets

    Weight, ingredients and price for every dish, with the shop’s own photograph.

  3. 03

    Ordering by phone or Viber

    One tap to call the shop, or to send a ready-written Viber order.

  4. 04

    Delivery information

    Order hours, pick-up time and the delivery price, where the order is made.

05On the phone

Eight categories, one thumb.

Two screens from the live site, as a customer meets them: the menu, and the sheet a dish opens into.

The Sushi Box menu on a phone: “Обирай те, що хочеться сьогодні.” — 8 categories, 74 items, a note that the photos are the shop’s own dishes, category chips, the Sets section with Set 1, and the bottom tab bar.

AThe menu

  1. Its size, said up front«8 категорій · 74 позиції» — with prices, weight and ingredients as on the shop’s menu.

  2. Their own photographs«Фото — наші власні страви»: every dish is the shop’s own.

  3. Category chipsSets, rolls, baked rolls, tempura rolls… one tap between the eight.

  4. Pieces and weight on the card«Сет 1 — 24 шт · 850 г», with what is inside.

  5. Five tabs under the thumbHome, Menu, Categories, Delivery, Contacts.

A Sushi Box dish sheet on a phone: a photograph of Philadelphia rolls marked best-seller, “02 Роли”, Філадельфія, 300 g, ingredients — nori, rice, salmon, cheese, cucumber — price 300 UAH, an Order button, and the order hours with the delivery price.

BA dish sheet

  1. What sells«Хіт замовлень» marks a best-seller.

  2. Where it belongs«02 Роли» — the dish keeps its category.

  3. The weight300 g, as on the menu.

  4. What is insideNori, rice, salmon, cheese, cucumber.

  5. Price, and Order300 UAH, with «Замовити» right beside it.

  6. The terms, right thereOrders 12:00–18:00; delivery in Vylkove, 100 UAH.

06Workflow

From a category to the shop’s phone.

A Philadelphia roll, followed through the live site. The interface stays in Ukrainian, as on the site.

  1. 01Роли

    A category chip — or the Categories tab at the bottom.

  2. 02Філадельфія

    The dish, with the shop’s photograph, its weight and its price.

  3. 03Склад · Ціна · Замовити

    The dish sheet: everything stated, and the Order button.

    Вага300 г
    Складнорі, рис, лосось, сир, огірок
    Ціна300 грн
  4. 04A call, or Viber

    One tap calls the shop — or sends the order as a Viber message that is already written.

A Sushi Box set card: Set 1, 24 pieces, 850 g — tempura with tuna, Philadelphia with shrimp and Kraken, 8 pieces each — 980 UAH, with a Details link.
Step 02 on the live site: a card states pieces, weight, contents and price before it is opened.
Dish sheet detail: price 300 UAH, an Order button, and “Orders 12:00–18:00 · delivery in Vylkove — 100 UAH”.
Steps 03–04: the price, the Order button and the terms, side by side.

07The take-away

The terms are part of the design.

The hours, the pick-up time and the delivery price aren’t left for a footer: they sit on the first screen of the site, and on the dish sheet beside the Order button.

12:00–18:00
orders are taken
20:00
pick-up until
100 грн
delivery in Vylkove
1 tap
to call the shop or send a ready-written Viber order

08Project facts

Live site

sushibox-seven.vercel.app

LiveBuilt by HatalyX

Facts checked on the live sites, October 2026.

Client
Sushi Box
Place
Vylkove, Ukraine
Business
Sushi & street food — take-away and delivery
Surfaces
Website — phone first, and desktop
Languages
Ukrainian, English
What we built
Mobile-first menu · Dish detail sheets · Ordering by phone or Viber · Delivery information
Label
Real client work

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.