Концепт сайта для сети пекарен «Жар-Мука»: завтрак, собранный с вечера
«Жар-Мука» — сеть из девяти пекарен в Перми, которая продаёт утро: хлеб, выпечку и кофе до одиннадцати. Сайт должен забрать ранний спрос из агрегаторов и превратить его в предзаказ, который собирается вечером и приезжает тёплым к восьми.
Концепт-проект: «Жар-Мука» — вымышленная компания. Результатов работы здесь нет: только решения и гипотезы.
О заказчике
- Отрасль: Пекарни, выпечка и завтраки
- Город: Пермь, семь районов доставки
- Масштаб: 9 пекарен и собственный цех
- Клиенты: Семьи, офисы в центре, люди с ранним графиком
- Модель продаж: Зал, самовывоз, доставка, подписка на будни
- Средний чек: Около 480 ₽ в зале, около 1 300 ₽ на доставке
Задача
«Жар-Мука» — девять пекарен в Перми с собственным цехом на Висиме. Утром к восьми у стоек очередь, после одиннадцати зал пустеет, а к вечеру на полках остаётся хлеб, который завтра уже не продать. Сеть живёт первой половиной дня и теряет деньги на второй.
Сайта у пекарен, по сути, нет: визитка со списком адресов и PDF-меню, которое обновляют раз в сезон. Заказы с доставкой идут через агрегаторы — с их комиссией, их упаковкой, их курьерами, которые берут круассан вместе с шаурмой из соседнего заказа. Клиент видит бренд агрегатора, а не «Жар-Муку», и в следующий раз закажет там же, только у соседей.
При этом спрос на ранний завтрак понятный и повторяющийся. Офисы в центре берут наборы на планёрку, семьи в спальных районах хотят свежий хлеб к столу в выходные, а люди, которые работают с восьми, физически не успевают зайти в пекарню. Этим людям не нужен каталог на сорок позиций. Им нужно одно действие вечером — и уверенность, что утром всё приедет тёплым и вовремя.
Задача концепта — сделать собственный канал продаж, который забирает утренний спрос из агрегаторов, переносит часть покупок на предзаказ (а значит, цех печёт под известный объём) и даёт повод возвращаться, не вспоминая про приложение-посредника.
Что мешает купить
«Не привезут вовремя»
Завтрак, приехавший в 9:20, — это уже не завтрак. Сайт показывает получасовые окна по району и крайний срок заказа до корзины, а в подтверждении называет окно ещё раз и присылает сообщение, когда курьер выехал.
«Приедет холодным и мятым»
Пекарню оценивают по корке. На странице видна упаковка — крафтовая коробка с перегородками и термопакет для кофе, — а у каждой позиции указан час выпечки: то, что приедет в 8:00, достали из печи в 6:30.
«Оформлять долго, утром некогда»
Весь заказ собирается вечером за три шага без регистрации. Готовые наборы избавляют от выбора из сорока позиций, а подписка убирает повторное оформление совсем.
«Доставка съест всю выгоду»
Стоимость привоза видна сразу после выбора района, а порог бесплатной доставки показан полоской прямо в конструкторе: «до бесплатной доставки — 320 ₽».
«В агрегаторе привычнее»
Сайт даёт то, чего нет у посредника: утренние окна, подписку, самовывоз к точному времени и цены зала без наценки площадки. Это прямо сказано в блоке «Почему заказывать здесь».
Решение
В центре сайта — не меню, а утро. Главная механика называется «Собери завтрак к 8:00»: человек выбирает основу (набор или отдельные позиции), район и получасовое окно доставки, а сайт сразу показывает итог, стоимость привоза и крайний срок заказа — «до 22:00 накануне». Три шага, одна кнопка, без регистрации до оплаты.
Доставку мы привязали к районам Перми, а не к точке на карте. Для города, вытянутого вдоль Камы на десятки километров, это честнее: Ленинский и Свердловский закрывает одна машина за утро, Орджоникидзевский — отдельный рейс с другим окном. Клиент видит это ещё до корзины и не сталкивается с сюрпризом «к вам только после десяти» на последнем шаге.
Свежесть — главный аргумент пекарни — показывается фактами, а не прилагательными. У каждой позиции на витрине «Из печи сегодня» стоит час выпечки и цех, откуда она приедет. Фотографии — крупные, с фактурой корки и муки на столе, без стоковых улыбок. Текст говорит как пекарь, а не как маркетолог: «закваска живёт у нас с 2014 года» вместо «натуральные ингредиенты высочайшего качества».
Для постоянных — подписка «Завтрак по будням»: тот же набор приезжает в выбранные дни, его можно пропустить или поменять до 22:00. Для бизнеса предзаказ дополняется корпоративной формой — наборы на планёрку с закрывающими документами. Для тех, кто рядом, — самовывоз к точному времени из ближайшей пекарни: пакет с именем ждёт на отдельной полке, очередь не нужна.
Посадочная блок за блоком
- Первый экран. Заголовок «Завтрак к восьми. Собран с вечера», подзаголовок про заказ до 22:00, фото корзины с выпечкой, кнопка «Собрать завтрак» и строка с ближайшим окном доставки. Зачем: Сразу называет главное обещание — время — и показывает, что заказывать нужно сейчас, вечером. Ближайшее окно снимает вопрос «а успеют ли».
- Из печи сегодня. Горизонтальная витрина из шести позиций с часом выпечки, ценой и кнопкой «В завтрак». Зачем: Свежесть доказывается конкретным временем. Витрина разогревает аппетит перед конструктором и даёт быстрый путь тем, кто знает, чего хочет.
- Собери завтрак к 8:00. Конструктор в три шага: набор или позиции, район, окно доставки. Справа — живой итог с суммой, стоимостью доставки, порогом бесплатного привоза и крайним сроком заказа. Зачем: Главная механика сайта. Все неизвестные — время, цена, доставка — закрываются до корзины, поэтому решение принимается в одном месте.
- Районы и окна доставки. Список семи районов Перми с окнами, стоимостью и порогом бесплатной доставки. Зачем: Отвечает на вопрос «а ко мне?» до того, как человек начнёт собирать заказ, и работает как SEO-страница для запросов по районам.
- Завтрак по будням. Подписка: выбор дней недели, набор, возможность пропустить или заменить до 22:00. Зачем: Превращает разовую покупку в привычку и даёт цеху прогнозируемый объём на утро.
- Как мы печём. Три факта о производстве: закваска с 2014 года, выпечка с 4:30, мука уральских мельниц — с фото цеха. Зачем: Доверие к пекарне строится на ремесле. Факты вместо эпитетов объясняют, почему хлеб стоит своих денег.
- Отзывы и гарантия. Отзывы гостей с районом, гарантия «Опоздали больше чем на 15 минут — доставка за наш счёт», фото упаковки. Зачем: Снимает главный страх — опоздание — денежной гарантией, а отзывы с районами подтверждают, что доставка работает по всему городу.
- Завтраки для офиса. Наборы на 10, 20 и 30 человек, оплата по счёту, закрывающие документы, короткая форма заявки. Зачем: Отдельный сценарий для B2B-заказов с высоким чеком. Не смешивается с розницей, чтобы не усложнять конструктор.
- Пекарни рядом. Девять адресов с часами работы и кнопкой «Забрать к времени». Зачем: Самовывоз к точному времени убирает очередь и приводит на сайт тех, кто и так ходит в пекарню.
- Частые вопросы. Сроки заказа, замены, аллергены, оплата, отмена подписки. Зачем: Закрывает остаточные сомнения и даёт текст для разметки FAQPage.
Механики заявки
Крайний срок вместо таймера
Вместо агрессивного обратного отсчёта — спокойная строка «Заказ на завтра принимаем до 22:00». После 22:00 она меняется на «Сейчас можно заказать на послезавтра или забрать сегодня из пекарни». Человек понимает правила и не чувствует давления.
Порог бесплатной доставки в конструкторе
Полоска прогресса под итогом: «До бесплатной доставки — 320 ₽. Добавьте багет или сырники». Подсказка предлагает конкретные позиции нужной стоимости, а не абстрактное «добавьте товаров». Гипотеза — рост среднего чека без скидок.
Окна доставки по району
После выбора района показываются только реальные окна с остатком мест: «7:30–8:00 · осталось 4». Заполненные окна видны, но неактивны — это честнее, чем прятать их, и объясняет, почему стоит заказать раньше.
Оформление без регистрации
Имя, телефон, адрес — и оплата. Аккаунт создаётся по номеру телефона после первой покупки, чтобы повторить заказ или оформить подписку. Ни одного поля «Придумайте пароль».
Гарантия времени
«Опоздали больше чем на 15 минут — доставка за наш счёт, деньги вернутся автоматически». Формулировка стоит рядом с кнопкой оплаты: страх опоздания снимается в момент решения, а не в FAQ.
Что замеряем после запуска
- Доля начавших сборку завтрака — Показывает, работает ли первый экран. Проверяем A/B-тестом два заголовка: про время («к восьми») и про свежесть («из печи в 6:30»).
- Доходимость конструктора до оплаты — Воронка по трём шагам покажет, где трение. Если много уходят на выборе окна — значит, окон мало или они неудобные, это вопрос логистики, а не дизайна.
- Средний чек на доставке и доля заказов выше порога — Проверяем гипотезу, что подсказка с конкретными позициями поднимает чек. Цель — чтобы большинство заказов проходило порог бесплатной доставки.
- Доля заказов с сайта против агрегаторов — Главный бизнес-вопрос проекта. Смотрим динамику по неделям и районам, сравнивая с исходной долей до запуска.
- Число активных подписок и доля пропусков — Подписка — ставка на привычку. Высокая доля пропусков подскажет, что наборы нужно менять чаще или добавить выбор дней.
- Доля доставок в заявленное окно — Операционная метрика, от которой зависит всё остальное. Сайт обещает время — нужно видеть, выполняется ли обещание.
Стек
Next.js, TypeScript, Headless CMS, iiko API, ЮKassa, Яндекс Метрика.