Клиентский проект · Электронная коммерция

Hoydi28 Фундук

Для Hoydi28, бренда фундука из Гиресуна, мы разработали интернет-магазин, панель управления, которая устанавливается на телефон, и стоящие за ними интеграции оплаты, доставки, электронных счетов, почты и Google. В панели работает ИИ-команда Collapssi: она пишет статьи для блога, переводит сайт на новые языки, планирует витрину и кампании и готовит черновики ответов на входящие письма. Магазин и панель составляют одно приложение; при каждой публикации все страницы заранее создаются для Google.

  • JavaScript (одностраничное приложение)
  • Supabase: PostgreSQL и Edge Functions
  • Netlify
  • Пререндеринг страниц с Playwright
  • PWA и Web Push
  • iyzico
  • EDM e-Invoice / e-Archive
  • Yurtiçi Kargo и Sürat Kargo
  • Resend
  • Google Analytics 4, Search Console, Google Ads, Merchant Center
  • Google Places API
  • Claude API
  • OpenAI Images API
Главная страница магазина
Главная страница магазина
Языки
Турецкий, английский и новые языки по графику
Оплата
Карта (iyzico), банковский перевод
ИИ
Команда Collapssi из семи сотрудников и помощник по рекламе
Интеграции
Доставка, электронные счета, Google Ads, Analytics, Search Console

Скриншоты сделаны на локальной копии сайта и панели управления. Имена клиентов, заказы, компании и все цифры в панелях являются демонстрационными данными, а не реальными продажами или посещаемостью магазина. Имена авторов отзывов Google показаны инициалами.

01

Магазин и страницы товаров

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

  • Магазин на турецком и английском; новые языки открываются по автоматическому графику, а посетителям предлагается перевод на их язык
  • Автоматические значки: «Хит продаж» для самых продаваемых товаров за последние 60 дней и «Часто смотрят» для самых просматриваемых, обновляются каждую ночь
  • Карточка аллергенов: какие аллергены содержит товар, возможные следы и кому он подходит (без глютена, веганский и т. д.) в виде цветных меток
  • Сердечко избранного и отметка о том, сколько человек добавили товар в избранное
  • Выбор количества прямо в карточке товара; на странице товара цена меняется в зависимости от количества и упаковки, есть предупреждение об ограничении по остаткам
  • Подарочные корзины, цена и остатки которых рассчитываются по входящим в них товарам; покупатели могут собрать и свою корзину
  • Подарочные открытки, выбор сорта для кёме и запрос «сообщить о поступлении»
  • Отметка «выдача только на автовокзале» для товаров, которые нельзя отправить курьерской службой
Страница товара: значок хита продаж, избранное и цена
Страница товара: значок хита продаж, избранное и цена
Информация об аллергенах и о том, кому подходит товар
Информация об аллергенах и о том, кому подходит товар
Магазин на смартфоне
Магазин на смартфоне
02

Личные кабинеты, избранное и колесо призов

Участников на сайте ждут небольшие сюрпризы. Покупатели следят за заказом шаг за шагом, получают письмо, когда избранный товар дешевеет или снова появляется в наличии, и крутят колесо, чтобы выиграть скидку.

  • Вход через Google одним касанием в углу страницы без перехода на новую, а затем приветствие с эмодзи
  • Анимированные этапы доставки с эмодзи: заказ получен, собирается, в пути (грузовик едет туда-обратно), доставлен; события курьерской службы и ссылка для отслеживания
  • Избранное: участник, добавивший в избранное определённое число товаров, автоматически получает личный купон; письмо, когда избранный товар дешевеет или снова в наличии
  • Колесо Hoydi: результат определяет сервер, а купон зачисляется на аккаунт
  • Hoydi Para: баллы за каждый заказ, награды за отзывы, оплата баллами
  • Сохранённые адреса и реквизиты для счетов; 6-значный код по почте, если пароль забыт
Личный кабинет: этапы доставки с эмодзи
Личный кабинет: этапы доставки с эмодзи
Избранное и шкала награды
Избранное и шкала награды
Колесо призов Hoydi
Колесо призов Hoydi
03

Отзывы Google приходят сами

Отзывы Google о двух магазинах каждое утро загружаются автоматически и показываются на сайте в бегущей ленте. Покупателей, чей заказ доставлен, вежливо просят оставить отзыв в Google.

  • Отзывы Google Business о магазинах Merkez и Aksu обновляются каждое утро через Places API; рейтинг и число отзывов тоже актуальны
  • Бегущая лента отзывов с фильтром по магазинам
  • Участник с доставленным заказом один раз видит окно «Ваш заказ пришёл?»; одно касание открывает страницу отзывов магазина в Google
  • Купон за это не даётся, потому что Google запрещает вознаграждать отзывы; за отзывы о товарах на сайте начисляются Hoydi Para
Отзывы Google в бегущей ленте
Отзывы Google в бегущей ленте
Просьба оставить отзыв в Google после доставки
Просьба оставить отзыв в Google после доставки
04

Оплата и оформление заказа

При оплате картой сервер заново рассчитывает сумму: если она не совпадает с суммой в браузере, платёж не запускается. Цены, акции, купоны и доставка подчиняются единым правилам.

  • Оплата картой через платёжную форму iyzico в окне, открывающемся прямо на сайте; поддерживается 3D Secure
  • После подтверждения оплаты заказ получает статус «Новый», а Hoydi Para и купоны списываются; если покупатель закрыл страницу, результат оплаты проверяет задача по расписанию
  • Банковский перевод: реквизиты показываются на странице оформления и после заказа
  • Провинция и район для адреса доставки выбираются из списка (81 провинция, 973 района)
  • Реквизиты для счёта после заказа: физическое лицо или компания; турецкие идентификационные и налоговые номера проверяются
  • Автоматические письма: заказ получен, отправлен (со ссылкой для отслеживания), доставлен
Страница оформления заказа
Страница оформления заказа
05

ИИ-команда в панели: Collapssi

На вкладке Collapssi в панели работают семь сотрудников ИИ-команды, которые каждый час проверяют свои задачи для Hoydi28. У каждого своя роль, талисман с меняющимся настроением и облачко с репликой. Никто ничего не меняет без одобрения: статьи, витрина, кампании и ответы на письма ждут решения магазина.

  • ✍️ Элиф (автор контента): в выбранные дни пишет статьи для блога, зная товары и прежние статьи; помечает статью предупреждением, если что-то нарушает правила
  • 🌍 Дениз (переводчик): переводит на английский тексты товаров, блога и страниц, введённые на турецком; открывает новые языки, например немецкий, русский и арабский, по автоматическому графику и публикует каждый, когда перевод готов
  • 🎨 Арда (дизайнер иллюстраций): рисует изображения к каждой статье блога, которые размещаются между подзаголовками
  • 📐 Селин (дизайнер сайта): предлагает изменения витрины на основе кликов и продаж; перед особыми датами готовит баннер, слайд и подборку товаров к этому дню: их можно посмотреть заранее, после одобрения они выходят в нужный день, а потом снимаются
  • 📅 Эмре (планировщик кампаний): планирует ближайшие недели: купоны, скидки на ограниченное время, письма подписчикам, темы блога для Элиф, запросы по витрине для Селин; каждый пункт одобряется отдельно
  • ✉️ Зейнеп (помощник по почте): читает каждое входящее письмо вместе с заказами и карточкой компании отправителя, изучает компании в интернете и готовит ответ; предлагает письма-напоминания потенциальным оптовым клиентам
  • 🧭 Керем (руководитель команды): магазин общается с ним в чате; Керем поручает исправление нужному сотруднику и превращает пожелания «отныне» в постоянные правила
  • Основные правила неизменны: никаких выдуманных фактов, заявлений о пользе для здоровья и цен; у каждого сотрудника ежемесячная квота работы
Чат с руководителем команды Керемом и постоянные правила
Чат с руководителем команды Керемом и постоянные правила
Элиф, Дениз и Арда
Элиф, Дениз и Арда
Селин, Эмре и Зейнеп
Селин, Эмре и Зейнеп
Витрина к особой дате и план кампании, ожидающие одобрения
Витрина к особой дате и план кампании, ожидающие одобрения
06

Админ-панель

Владелец магазина управляет всем бизнесом из одной панели. Она устанавливается на смартфон как приложение: о новых заказах приходит уведомление, а на иконке видно число необработанных заказов.

  • Главный экран: выручка за день, заполняющиеся шкалы целей, состояние команды Collapssi, продажи за последние 14 дней, распределение по категориям
  • Заказы: по умолчанию сегодняшние, переход по дням, фильтры по статусу и счёту; заказы из рекламы и новые покупатели отмечены значками
  • Выбор и массовые действия: печать, выставление счетов или смена статуса выбранных заказов
  • Транспортная накладная формата A5 (можно выбрать A4 или принтер этикеток 10×15); напечатанные заказы сами переходят в статус «Собирается», подарочные открытки печатаются отдельной карточкой
  • Пользователи панели и роли; код по почте при входе с нового устройства
  • Конструктор страниц: добавление и перестановка блоков с предпросмотром для компьютера, планшета и телефона
  • Окна внутри сайта вместо окон подтверждения браузера; на телефоне верхняя панель, меню, выезжающее слева, и нижняя панель вкладок
Дашборд админ-панели
Дашборд админ-панели
Заказы
Заказы
Панель управления на телефоне
Панель управления на телефоне
07

Цели, Analytics и Search Console

Цели продаж заполняются, как квота, а данные Google поступают в панель. Вверху отчётов талисман Collapssi комментирует ситуацию: радуется, когда всё идёт хорошо, удивляется, когда показатели падают, и подсказывает, что делать.

  • Цели: периоды продаж старого сайта служат ориентиром; шкалы выручки, заказов и проданных единиц заполняются, с отметкой «сегодня мы должны быть здесь» и прогнозом на конец периода
  • Посетители (Google Analytics 4): визиты, конверсия в заказы, каналы, устройства, города, самые просматриваемые товары
  • Поиск Google (Search Console): клики, показы, CTR, средняя позиция, запросы и страницы
  • Отчёт о продажах и расходах, клики по WhatsApp
  • Еженедельный отчёт по почте: каждую пятницу утром сводка с графиками (выручка, реклама, новые участники, хиты продаж, задачи), подготовленная Collapssi
Цели и талисман Collapssi
Цели и талисман Collapssi
Посетители (Google Analytics)
Посетители (Google Analytics)
Поиск Google (Search Console)
Поиск Google (Search Console)
08

Google Ads и ИИ-помощник по рекламе

Данные Google Ads каждый час поступают в панель через скрипт в аккаунте. ИИ-помощник пишет ежедневную сводку и готовит предложения; в рекламном аккаунте ничего не меняется без одобрения магазина.

  • Отчёты по кампаниям, группам объявлений, ключевым словам, поисковым запросам, а для торговых объявлений по товарам
  • Заказы из рекламы считаются отдельно и сопоставляются с расходами
  • Предложения: минус-слова, новые ключевые слова, бюджеты, максимальная цена клика, новые тексты объявлений; одобренные задачи выполняются при следующем запуске скрипта
  • Ограничения безопасности: лимит общего дневного бюджета и диапазон ставок проверяются в трёх разных местах
  • Скрипт обновляется сам: загрузчик, один раз вставленный в аккаунт Google Ads, скачивает основной код с сайта
  • Фид товаров Merchant Center обновляется при каждой публикации; тег конверсий и режим согласия Google настроены
ИИ-помощник по рекламе и предложения, ожидающие одобрения
ИИ-помощник по рекламе и предложения, ожидающие одобрения
09

Почта и брошенные корзины

Почтовый ящик компании находится в панели. Автоматические письма оформлены в стиле бренда, а покупателю, оставившему товары в корзине, можно напомнить одним касанием.

  • Входящие: переписки, отметки, архив, ярлыки, отложенные письма, черновики и отправка по расписанию; несколько адресов компании
  • Брошенные корзины: посетители, которые добавили товары, но не оформили заказ, и товары, которые чаще всего остаются в корзине; напоминания по почте и в WhatsApp
  • Рассылки подписчикам: подписка с явного согласия, блок с купоном и ссылка для отписки в каждом письме
  • Письма к особым датам: в такие дни, как День матери, религиозные праздники и Новый год, автоматически уходят поздравление и купон на этот день
  • Письма о заказе, отправке и доставке; уведомления о цене и наличии избранных товаров
Брошенные корзины и напоминания
Брошенные корзины и напоминания
10

Поиск оптовых покупателей

Кафе, отели, магазины орехов и компании, покупающие корпоративные подарки, находятся через Google Maps и ведутся в панели как воронка продаж.

  • Поиск компаний: в Google Maps по типу и городу; если у компании есть сайт, адрес почты находится на сайте
  • Серия из трёх знакомительных писем для каждого типа компаний: в рабочие дни, с дневным лимитом и ссылкой для отказа в каждом письме; серия останавливается, когда компания отвечает
  • Карточка компании: звонки, образцы, предложения и заказы продвигают этап; вся история на одном экране
  • Анонсы: рассказ компаниям о новых товарах и кампаниях с помощью карточек товаров
  • Единый фиксированный оптовый прайс-лист для всех, готовый к печати; оптовые заявки с сайта автоматически попадают в список компаний
Опт: компании и серии писем
Опт: компании и серии писем
11

Доставка, электронные счета и другие интеграции

Интеграции работают в серверных функциях; секретные ключи никогда не попадают в браузер. Счета и уведомления об отправке оформляются из карточки заказа, а их статус обновляется сам.

  • Интеграция с Yurtiçi Kargo и Sürat Kargo готова: уведомление об отправке одним касанием, референсный штрихкод Code 128 на накладной, проверка статуса каждые два часа
  • Электронные счета и электронный архив (EDM Bilişim): электронный счёт, если покупатель зарегистрирован в системе, иначе электронный архив; счета по всем заказам из списка можно выставить за один раз
  • Скидки по купонам, кампаниям и Hoydi Para пропорционально распределяются по строкам счёта
  • Уведомления о новых заказах через Web Push; на значке приложения видно число ожидающих заказов
  • Вход через Google; вход через Apple готов
Накладная A5 с референсным штрихкодом курьерской службы
Накладная A5 с референсным штрихкодом курьерской службы

Планируете похожий проект?

Расскажите, что вам нужно, и мы вместе определим объём работ, сроки и стоимость. Первая консультация бесплатна.

Расскажите о проекте