2026brandingShelk · Voronezh5 weeks

Shelk — Eastern-cuisine restaurant

Author-led restaurant of Eastern cuisine in Voronezh, built around the Silk Road as a culinary narrative. A site that simultaneously holds the status of high cuisine and the atmosphere of a cultural venue — with real ticket sales, table booking, loyalty programme and headless-CMS-ready architecture.

https://shyolk-redesign.vercel.app/
restaurant
hover.tracked
Surface

What users see. Identity, motion, UI craft, copy.

Three colours: deep wine-bordeaux, terracotta accent, gold detail. Prata for headings (with true italic for emphasis) and Montserrat for body. No glassmorphism, no neon. Only material textures: a relief ceramic wall as a site-wide background, a stone bas-relief of an Eastern deity on the hero. The background parallaxes 3.3× slower than the main content — the user moves inside the restaurant, not across a static page.

Silk Road Map3D Loyalty CardAccordion MenuCustom CursorLenis Smooth Scroll
scripta://case/shelk-restaurant/architecture
Substrate

What holds it up. Architecture, contracts, infra, latency.

Next.js 14 App Router, Server Components everywhere they earn their keep. First Load JS is 87KB shared; the homepage weighs ~107KB total. Client islands only where state lives: checkout modal, lightbox gallery, burger menu, 3D loyalty card with RAF, custom cursor. All dynamic data sits in typed lib/*.ts modules — swap to async fetch from a CMS without touching a single component.

Server Components1 API Route (checkout)CMS-ready lib/*YuKassa/Tinkoff/CloudPayments/SBP
Story

The Silk Road as a culinary chapter book

Shelk is an author-led restaurant of Eastern cuisine in central Voronezh, at Karla Marksa 67/1. The concept is built around the Silk Road idea: the menu as a journey from Xi’an to Constantinople, where each dish is a chapter in a gastronomic route. On top — live concerts, theatre evenings, immersive events: the venue is simultaneously a restaurant and a cultural space. The brief was to build a site that conveys both natures — the high-cuisine status and the cultural atmosphere — and at the same time works as a functional tool: table reservations, event ticket sales, loyalty.

Real ticket sales, switchable acquiring in 15 minutes

A full ticket funnel: poster list with categories (theatre, concert, stand-up), a checkout modal with seat-tier selection (Standard / Premium / VIP-box), a quantity stepper that respects inventory, contact form, summary. A server API endpoint validates and initiates payment. The architecture is designed to plug any of four popular Russian acquirers — YuKassa, Tinkoff Acquiring, CloudPayments, SBP — switching takes about 15 minutes of developer time.

Gallery

Pieces of the product.

  • gradient
    Hero · stone bas-relief deity01/06
  • rings
    Silk Road map · five stops02/06
  • mono
    Accordion menu · 4 categories03/06
  • noise
    Ticket checkout · seat tiers04/06
  • scan
    3D loyalty card · RAF-driven05/06
  • grid
    Custom cursor · S emblem06/06
[ Results ]
107KB
homepage First Load
4
acquiring providers ready
22
React components
15 min
to switch acquiring
[ Stack ]
Next.js 14.2.5React 18TypeScript strictLenisnext/font/google
Next case

"Coals & Branches" — open-fire restaurant