← все кейсы
AI-РОСТМагазин фермерских деликатесов · СПб

Православная Трапеза

Интернет-магазин с реферальной программой и партнёрской сетью QR-точек. Собственный православный календарь — спарсил весь год с azbyka.ru.

1000+
постоянных клиентов
2
точки самовывоза
365
дней календаря
православнаятрапеза.рф
Главная православнаятрапеза.рф
О клиенте

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

Что болело

Стандартный движок интернет-магазина (Tilda + Эквайринг) не давал ключевых вещей: глубокой партнёрской программы с QR-точками, собственного православного календаря, нормальной админки в которой добавлять товары не превращается в час работы. Хотелось чтобы магазин не просто продавал, а жил вместе с церковным годом.


Сделали полноценный e-commerce — каталог из 247 товаров, корзина с анимацией, православный календарь на 365 дней, две точки самовывоза с встроенными Яндекс-картами. И отдельная фишка — AI в админке генерирует фото и описание товара по названию: Мария вводит «икра нерки 250 г», нажимает кнопку, через 20 секунд готовы текст и три варианта фото. Час работы на товар → 2 минуты.

1. Главная — атмосферное приглашение

Сайт начинается не с «Скидки -30%!», а с природного фото, шрифта-серифа и категорий по типу деликатеса. Атмосфера ставится с первого экрана: это не маркетплейс, это магазин под церковный год.

православнаятрапеза.рф — главная
православнаятрапеза.рф — главная
Hero с фото природы, 13 категорий продуктов с реальными фото, выгодные поступления месяца с реальными ценами, раздел «Коптим по старинным рецептам» — живые фото мастеров за работой.

2. Каталог из 247 товаров — собрали из хаоса

Это самая трудоёмкая часть проекта. На входе были не таблицы и не выгрузки — листочки от поставщиков, разные Excel-файлы с разной структурой, фото бирок с весов в WhatsApp, описания в свободной форме «как у мамы делается». Без граммовок, без однозначных категорий, без фотографий товаров в одинаковом стиле.

Что сделали с данными:

  • Собрали все источники (листочки · таблицы · фото · сообщения) в один документ — 247 позиций
  • Категоризировали: икра, рыба, мясо, сыры, монастырские, фермерские, консервация, полуфабрикаты, наборы
  • Расставили граммовки и единицы измерения (500 г · 1 кг · банка 250 мл · шт)
  • Написали единообразные описания с акцентами «натуральный состав», «бесплатный самовывоз», «откуда»
  • Привели цены к формату «от» с выбором веса/упаковки
  • Подобрали или сгенерировали фотографии под единый стиль (часть — через AI, см. раздел 7)
  • Загрузили в БД через единый формат загрузки — теперь редактируется через одну админку

На выходе — полноценный B2C-каталог. Фильтрация по категориям одним кликом, сетка адаптируется под ширину экрана, у каждой позиции своя страница.

Каталог Православной Трапезы
Каталог Православной Трапезы
Каталог: левый sidebar с категориями (Икра · Рыба · Мясо · Монастырские · Фермерские · Консервация · Полуфабрикаты · Наборы), сетка карточек товаров справа. У каждой карточки — фото в единой стилистике, название, цена «от», быстрая кнопка «+ в корзину».

3. Карточка товара

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

Карточка товара — Икра кеты 500 г
Карточка товара — Икра кеты 500 г
Икра кеты 500 г · 550 ₽. Большое фото банки с икрой, описание состава и происхождения (Дальний Восток, слабосолёная), кнопка «В корзину» во всю ширину.

4. Корзина с анимацией

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

Корзина открыта с товаром
Корзина открыта с товаром
Корзина выезжает сбоку: миниатюра товара, название, цена, кнопки +/− для количества, итоговая сумма крупно, два пути дальше — «Перейти в корзину» (полная страница) или «Сразу оформить» (быстрый чекаут).

5. Православный календарь на 365 дней

Главная отличительная фишка магазина. Это не «виджет с датами» — это глубоко проработанный календарь с описанием каждого дня года. Какие святые поминаются, фотография иконы каждого святого, краткое жизнеописание, тип дня (постный · праздник · сплошная седмица · поминальный), привязка к церковному уставу. Всё это было исследовано по разным источникам (azbyka.ru, монастырские сайты, агиографии), сохранено локально с фото и описаниями.

Что в календаре:

  • 365 дней годового круга — каждый со своим набором святых
  • Фотографии икон и описания на каждый день
  • Цветовая разметка: красный — праздники, серый — посты, светлый — будни
  • Тип дня: пост · сплошная седмица · поминальный · престольный
  • Связь с каталогом: фильтр «постные продукты на сегодня» работает автоматом
  • Пасхалия пересчитывается каждый год, переходящие праздники привязаны корректно

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

Православный календарь — май 2026
Православный календарь — май 2026
Календарь на месяц май 2026: сегодняшний день (13 мая) выделен красным, постные дни — серый фон, праздники — красная рамка, переключение месяцев стрелками. Снизу легенда с цветовой кодировкой.

6. Точки самовывоза с Яндекс-картами

Два своих магазина — на Лиговском проспекте (рядом с метро Лиговский) и в Ломоносове (рядом с центром города). Каждая точка — со встроенной интерактивной Яндекс-картой: видно где, кнопка «Открыть в Яндекс Картах» строит маршрут в один тап. Часы работы — Вт–Вс с 11:00 до 20:00, понедельник выходной.

Точки самовывоза с Яндекс-картами
Точки самовывоза с Яндекс-картами
Две точки самовывоза: Санкт-Петербург (Лиговский 128, м. Лиговский) и Ломоносов (Иликовский 1, рядом с центром). У каждой — интерактивная карта с маркером и быстрая кнопка «Открыть в Яндекс Картах».

7. AI в админке: генерирует фото и описания

Самая мощная внутренняя фишка. Раньше добавить товар = час работы: придумать описание, найти фотограф, обработать фото, загрузить, заполнить поля. Теперь Мария вводит название «Икра нерки 250 г», категорию «Икра», цену 3200 — нажимает «Сгенерировать AI»:

  • За 2 секунды генерируется описание под тон магазина (православная тематика, традиции, без избыточного маркетинга, ~300 символов)
  • За 18 секунд генерируются 3 варианта фото товара под единым промптом (банка на льняной салфетке, утренний свет, реалистичный фуд-стиль 3000×3000 px)
  • Мария выбирает один из вариантов фото или нажимает R чтобы перегенерировать
  • Если описание не нравится — Ctrl+E улучшить тон, Ctrl+G сгенерировать заново, Ctrl+T перевести
Админка с AI-генерацией
Админка с AI-генерацией
Админка «Новый товар»: слева — форма с готовым описанием (видно «AI учёл: название „нерка“, категория „Икра“, ценовой сегмент „премиум“»), справа — 3 варианта фото (первый выбран) с промптом ниже. Слева общий sidebar: Заказы 12 новых, Товары 247, Клиенты 1043, Календарь, Точки, Партнёры.

8. Мобильная версия

Большая часть заказов идёт с телефона — особенно утром перед работой и в обед. Каталог листается как лента, корзина внизу всегда видна с количеством товаров.

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

Стек

Next.js 14 · Frontend + SSRFastAPI · APIPostgreSQL · Каталог · заказы · клиентыTailwind · СтилизацияFramer Motion · Анимация корзиныПарсер azbyka.ru · Православный календарьЯндекс.Карты JS API · Карты точек самовывозаOpenAI GPT-4 / DALL-E 3 · AI-генерация описаний и фотоTelegram-бот · Уведомления о заказах
Как мы работаем

Прозрачный процесс — от идеи до запуска

1. Разбор задачи

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

2. Прототип

Первые экраны и логика, согласовываем визуал. Ты видишь как это будет выглядеть до того как уйдёт время на разработку.

3. Разработка по этапам

Не «всё разом через 3 месяца», а спринты. Каждые 1-2 недели ты получаешь рабочую версию очередной фичи и можешь её опробовать.

4. Запуск + обучение

Деплой на твой сервер, инструкция для команды (как у Татьяны для «Льда и Пламя»), сопровождение первый месяц. Дальше — по запросу.

Сроки
Лендинг — от 2 недель · CRM — от 1.5 месяцев · AI-система — от 2 месяцев
Кто в команде
Только я · мой код · мой результат · моя ответственность
Гарантии
Доступ к коду · документация · поддержка 30 дней включена

Обсудить твой проект

Запишись на разбор — расскажу про твой бизнес, покажу что можно автоматизировать и куда встроить AI. Бесплатно, час времени, конкретный план на выходе.