Разработка сайта и личного кабинета для промо-акции ресторана Чифань

Чифань — ресторан азиатского стритфуда во Владивостоке. В 2026 году ресторану исполнилось 10 лет, и к юбилею команда решила запустить масштабную промо-акцию: розыгрыш автомобиля среди гостей, которые регистрируют чеки за покупки в заведении.

Для акции нужен был не сайт-визитка, а рабочий сервис. Сотни участников, чеки, промокоды, модерация — всё это должно было выдержать нагрузку на протяжении двух месяцев акции, не давая сбоев.

Работу разбили на два параллельных трека: команда вела лендинг на Тильде и параллельно — личный кабинет, техническую часть, которую нельзя было закрыть конструктором.

Начали со встречи с клиентом: обсудили механику акции и то, что должно быть в личном кабинете. У заказчика уже был крутой фирменный стиль — решили придерживаться его в на будущих этапах дизайна.

Отдельно создали текстовый прототип с описанием логики кабинета и админки — какие поля видит пользователь, как регистрируется чек, какие статусы проставляет модератор.

Собрали интерактивный прототип сайта в Figma с подбором референсов по дизайну. Проработали прототипы форм и личного кабинета — с учётом сценариев регистрации и входа. После одного круга правок клиент согласовал все прототипы.

Параллельно с создание прототипов искали визуальный язык будущего сайта. Собрали референсы и подготовили мудборды на основе фирменного стиля клиента: определили, насколько крупными будут заголовки, где сделать акцент на цвет и фактуру, как обыграть праздничную тематику юбилея в интерфейсе кабинета. Мудборд согласовали с клиентом до перехода к дизайну — это помогло не тратить время на переделки на следующем этапе.

На примере главной страницы разработали две дизайн-концепции, презентовали и согласовали с клиентом. По той же схеме — показ, правки, согласование — прошли дизайн форм и личного кабинета.

Собрали и наполнили сайт на Tilda Publishing, адаптировали под разные разрешения экрана.

Личный кабинет с самого начала делали вайбкодингом через Cursor: писали код в связке с ИИ, а не собирали на no-code платформе. Пока часть команды собирала лендинг, параллельно готовили инфраструктуру для кабинета. Взяли VPS с запасом под пиковую нагрузку акции и подняли на нём бэкенд, и Nginx в роли реверс-прокси. PM2 отвечает за автозапуск после перезагрузки сервера. Для одноразовых кодов входа подключили SMS-провайдера RedSMS.

Для кабинета выделили отдельный поддомен, чтобы не мешать основному промо-сайту на Тильде.

Домен и SMS-провайдера подключили через DNS-записи, SSL-сертификат и конфигурацию Nginx под поддомен. У RedSMS оказалась нестандартная схема подписи запроса — с ней разбирались отдельно.

Интерфейс кабинета сверяли с макетом экран за экраном: размер логотипа, обводка полей, дублирующиеся подписи, кликабельные ссылки — каждую правку проверяли на живом сервере, а не в локальной сборке.

Отдельно пришлось разбираться с формой полей ввода. В макете они были нарисованы в фирменной форме клиента. Попытка воспроизвести это через clip-path ломала читаемость текста и непредсказуемо масштабировалась на разных экранах. В итоге отказались от трапеции в пользу прямоугольника: вёрстка стала проще, визуальные баги ушли, узнаваемость стиля сохранилась.

Прошли вручную все сценарии — регистрацию, вход, загрузку чека, модерацию в админке — и поймали несколько реальных багов. Например, чек «сгорал» без возможности повторной попытки, если во время загрузки обрывалось соединение. После проверки собрали финальную сборку и выкатили её в продакшн.