Таня Печёт
Интернет-магазин ремесленной пекарни в Санкт-Петербурге: хлеб на закваске, торты и пироги — с оплатой картой, курьерской доставкой и заказами, которые больше не теряются в переписке.
Задача
«Таня Печёт» — маленькая ремесленная пекарня: хлеб на закваске, домашняя выпечка, торты и пироги на заказ. До сайта весь бизнес держался на личных сообщениях: клиент писал в Telegram, спрашивал цену и наличие, договаривался о времени, а деньги переводил «на карту, как заберёте».
Проблем у такой схемы три. Заказы теряются — в потоке переписки легко проглядеть сообщение. Приходится повторять одно и то же — каждому клиенту заново присылать список позиций и цены. И люди отваливаются: те, кто нашёл пекарню на картах, не понимали, что и почём, и просто не писали.
Нужен был не «сайт-визитка», а рабочий инструмент: витрина, которая продаёт сама, и оформление заказа, которое доходит до оплаты без участия владелицы.
Решение
Я собрал полноценный интернет-магазин на Next.js и TypeScript — от макета до сервера. Витрина с фотографиями каждой позиции, корзина, оформление заказа в один экран и два сценария получения: самовывоз с Лиговского проспекта или курьер по городу.
Оплата проходит онлайн картой — заказ подтверждается до того, как Таня начинает печь, так что отменённых в последний момент заказов больше нет. Каждый новый заказ и смена его статуса сразу прилетают в Telegram, поэтому проверять админку не нужно: телефон уже под рукой.
Отдельно занимался тем, чтобы пекарню находили: SEO-разметка, карта сайта, микроразметка организации для поисковиков и связка с Яндекс.Картами и 2ГИС.
Что внутри
- Каталог и корзинаТовары с фотографиями, категориями, ценами и вариантами (целый торт или кусок), корзина с пересчётом суммы на лету.
- Онлайн-оплатаЭквайринг Т-Банка: платёжная страница, серверное подтверждение платежа и обработка уведомлений от банка, страницы успешной и неудачной оплаты.
- Курьерская доставкаИнтеграция с Яндекс.Доставкой: расчёт стоимости по адресу, создание заявки и отслеживание статуса курьера.
- Подсказки адресаАвтодополнение и геокодирование через Яндекс.Карты — клиент не может ввести адрес, по которому курьер не приедет.
- Telegram-уведомленияБот отправляет владелице новый заказ с составом, суммой, временем и адресом — и обновляет статус после оплаты.
- База заказовPostgreSQL и Drizzle ORM: заказы и позиции, статусы оплаты и доставки, история — всё хранится, ничего не теряется.
- SEO и картыМета-теги, sitemap, robots, микроразметка LocalBusiness, подтверждение прав в Яндексе и Google, ссылки на Яндекс.Карты и 2ГИС.
- Юридическая частьПубличная оферта, политика обработки персональных данных, согласие и баннер cookie — как требует закон для приёма платежей.
- АналитикаЯндекс.Метрика: видно, откуда приходят люди и на каком шаге заказа отваливаются.
Результат
После запуска заказы переехали из переписки на сайт: клиент сам выбирает позиции, сам платит и сам выбирает время — Тане остаётся печь и отдавать. Освободившееся время — это тоже деньги, просто их не видно в отчётах.
Выручка пекарни выросла. Сработали три вещи сразу: витрина с ценами закрыла вопросы, из-за которых люди раньше не писали; онлайн-оплата отсекла сорвавшиеся заказы; а доставка по городу открыла клиентов, которым было далеко ехать за хлебом.
Пекарню стало видно в поиске и на картах, а у бизнеса появился нормальный фундамент: каталог можно расширять, а заказы — считать.