Премиальный бренд, розничная торговля и B2B — в одном цифровом пространстве
ISTAK — армянская дистиллерия и продуктовый бренд с собственной розничной и профессиональной аудиторией. На публичном сайте представлены 202 Gin, Istak Vodka, яблочный бренди Sharlie и лимитированные коллекции. Рядом с каталогом живут история производства, коктейльные рецепты, события, экскурсии и точки продаж. Поэтому разработка интернет-магазина для производителя алкоголя не могла ограничиться сеткой товаров и кнопкой покупки: цифровая среда должна была одновременно передавать характер бренда, объяснять продукты и поддерживать коммерческое действие.
У такого проекта несколько параллельных пользовательских маршрутов. Частный покупатель выбирает напиток, изучает состав и подачу, добавляет товар в корзину и переходит к оплате. Посетитель, который только знакомится с брендом, начинает с истории дистиллерии, коктейлей или события. Партнёр из HoReCa, дистрибьютор или корпоративный заказчик оценивает ассортимент и ищет прямой контакт. Все эти маршруты должны выглядеть целостно и завершаться понятным следующим шагом.
Публичная часть работает на армянском, русском и английском языках. Для многоязычного сайта важно не просто переключить подписи в меню, а сохранить одинаковую продуктовую логику, навигацию, карточки, корзину и сервисные состояния во всех версиях. Пользователь должен узнавать один и тот же ISTAK независимо от языка, а команда — управлять контентом без размножения несвязанных страниц.
В e‑commerce‑контуре особенно чувствителен переход от интереса к оплате. Платёжная система на сайте должна быть встроена в сценарий покупки, а не выглядеть внешним техническим шагом. Заказ, контактные данные, состав корзины и статус дальнейшей обработки образуют единый коммерческий контекст. Если сайт принимает оплату отдельно, а отдел продаж ведёт клиента вручную, неизбежно появляются повторный ввод, потеря истории и разные версии одной сделки.
Поэтому самописный интернет-магазин ISTAK проектировался вместе с интеграцией сайта с Bitrix24. CRM для производителя и алкогольного бренда нужна не как универсальная адресная книга: она должна продолжать конкретные процессы сайта, помогать команде видеть обращение или заказ, сохранять историю взаимодействий и работать с розничным и B2B‑спросом в согласованном пространстве.
Отдельным направлением стал AI‑агент на сайте. Его роль — находиться внутри пользовательского маршрута, отвечать в контексте продукта и помогать с выбором, а не отправлять посетителя в сторонний мессенджер. Для бренда с коктейльной культурой это естественный сервисный сценарий: AI‑консультант для интернет-магазина может поддержать диалог о продукте и подаче именно в тот момент, когда посетитель изучает ассортимент.
Ещё один пласт проекта расположен за пределами розничного сайта — специализированное приложение для поиска поставщиков по всему миру. Производителю недостаточно автоматизировать только входящие продажи: развитие продукта зависит от сырья, упаковки, оборудования, услуг и международных партнёров. Глобальный supplier search потребовал отдельного инструмента, где поиск, профили компаний, сравнение вариантов и дальнейшая коммуникация образуют управляемый рабочий процесс.
Построить не витрину, а собственную commerce‑платформу ISTAK
Главная задача состояла в том, чтобы собрать разнородные разработки вокруг одной бизнес‑системы ISTAK. Самописный сайт должен был передавать премиальный характер бренда, поддерживать многоязычный каталог и принимать оплату. Bitrix24 — продолжать коммерческий процесс после действия пользователя. AI‑агент — помогать внутри сайта. Приложение для поиска поставщиков — закрывать отдельный международный процесс развития цепочки поставок.
Для фронтенда требовалась собственная визуальная и компонентная система, а не адаптация готового магазинного шаблона. Каталог, продуктовые страницы, персонализированные предложения, коктейли, события, история бренда, корзина и пользовательские разделы должны были сосуществовать без ощущения перегруженности. При этом интерфейс обязан оставаться понятным на телефоне, где выбор товара и оформление происходят в значительно более узком контексте.
Для интеграции сайта с Bitrix24 было важно заранее определить, какие действия пользователя имеют коммерческий смысл и какой контекст нужен команде. CRM не должна получать обезличенную запись после каждой активности. Ей необходимы согласованные сущности, поля и статусы, чтобы заказ или обращение можно было продолжить без повторного сбора информации.
Для AI‑части задача заключалась не в добавлении декоративного чата. Агент должен быть встроен в интерфейс ISTAK, говорить в рамках продуктового контекста и поддерживать полезные сценарии выбора. Для supplier‑приложения, наоборот, требовался рабочий исследовательский интерфейс: искать потенциальных поставщиков на разных рынках, сохранять релевантные компании, сравнивать сведения и организовывать дальнейшую работу.
Все четыре направления нужно было соединить технологически, но не смешивать пользовательски. Покупатель не должен видеть внутреннюю сложность CRM и sourcing‑процесса, менеджер — разбирать технические события сайта, а специалист по закупкам — работать со списками поставщиков в чужом интерфейсе. Архитектура должна была дать каждой роли свой удобный контур и обеспечить контролируемую передачу данных между ними.
Для покупателя ISTAK
Познакомиться с брендом и продуктами, получить помощь AI‑консультанта, собрать заказ и пройти понятный платёжный сценарий на одном многоязычном сайте.
Для продаж и бренда
Продолжать обращения и заказы в Bitrix24 с сохранённым контекстом, не восстанавливая историю по письмам, сообщениям и разрозненным таблицам.
Для закупок и развития
Искать поставщиков по всему миру в специализированном приложении, структурировать результаты и переводить найденные возможности в последовательную рабочую коммуникацию.
Четыре контура: e‑commerce, Bitrix24, AI и глобальный sourcing
Систему разделили на четыре самостоятельных контура. Они связаны данными и бизнес‑правилами, но каждый имеет собственную роль, интерфейс и критерий качества. Такое разделение защищает публичный сайт от внутренней сложности и позволяет развивать CRM, AI или приложение поставщиков без пересборки всей платформы.
Для пользователя архитектура выглядит как непрерывный путь. Он изучает продукт, получает подсказку, оформляет покупку и оплачивает заказ. Для команды этот же путь продолжается как структурированный процесс в Bitrix24. Параллельно закупочная функция работает в отдельном приложении, которое поддерживает международный поиск и развитие базы поставщиков.
Самописный многоязычный сайт объединяет бренд‑контент, каталог, карточки продуктов, коктейли, события, корзину, пользовательские сценарии и платёжную систему. Компонентная архитектура сохраняет единый визуальный язык на разных устройствах и языках.
Интеграционный слой передаёт в CRM коммерчески значимый контекст сайта. Bitrix24 становится рабочим продолжением заказа или обращения: команда видит клиента, предмет интереса и последовательность дальнейших действий в единой системе.
Встроенный AI‑консультант работает внутри интерфейса сайта и помогает ориентироваться в продуктовой теме. Он дополняет каталог диалоговым сценарием и сокращает дистанцию между вопросом посетителя и подходящим разделом или продуктом.
Специализированное приложение поддерживает поиск поставщиков по всему миру, сохранение карточек компаний, сравнение вариантов и организацию дальнейшей работы. Это отдельный B2B‑инструмент, а не публичный раздел интернет-магазина.
Разработали систему от карточки продукта до поиска поставщика
- 01
Разложили бизнес ISTAK на цифровые процессы
Начали не с экранов, а с ролей и действий: знакомство с брендом, выбор продукта, консультация, корзина, оплата, обработка заказа, B2B‑обращение и поиск поставщика. Для каждого процесса зафиксировали владельца, входные данные, ожидаемый результат и точку передачи в следующий контур. Благодаря этому разработка сайта, внедрение Bitrix24, AI и supplier‑приложение не превратились в четыре независимых проекта.
- 02
Спроектировали собственную продуктовую архитектуру
Каталог организовали вокруг реальных продуктовых линий и связанных материалов. Карточка напитка должна одновременно давать визуальное впечатление, объяснять особенности продукта и вести к покупке. История дистиллерии, коктейли, мероприятия и точки продаж усиливают выбор, но не перехватывают коммерческий маршрут. Такая информационная архитектура помогает бренду раскрывать ассортимент глубже, чем типовой шаблон интернет-магазина.
- 03
Создали самописный многоязычный сайт
Разработали фронтенд и набор переиспользуемых компонентов для армянской, русской и английской версий. Навигация, промоблоки, категории, карточки, служебные состояния и пользовательские действия подчинены одной системе. Самописная разработка позволила согласовать визуальный характер ISTAK с бизнес‑логикой, а не подстраивать продукт под ограничения готовой темы или набора магазинных виджетов.
- 04
Перенесли премиальный образ бренда в интерфейс
Для алкогольного бренда дизайн влияет на доверие не меньше функциональности. Мы выстроили выразительную работу с крупной продуктовой фотографией, спокойной типографикой, свободным пространством и контрастными коммерческими действиями. Интерфейс не конкурирует с бутылкой и этикеткой, а создаёт для них цифровую сцену. При этом каталог и оформление остаются читаемыми, а эстетика не мешает скорости принятия решения.
- 05
Собрали каталог и карточки продукта
Каталог получил самостоятельные продуктовые сценарии, понятные категории и переходы к детальной информации. В карточках предусмотрели место для визуальных материалов, характеристик, цены и действия с корзиной. Структуру делали расширяемой, чтобы новая линейка, лимитированный выпуск или персонализированное предложение могли появиться без перестройки всего пользовательского пути.
- 06
Реализовали корзину и платёжный сценарий
Связали выбор продукта, состав заказа, контактные данные и оплату в последовательную цепочку. Платёжная система на сайте встроена в общий e‑commerce‑опыт, поэтому покупатель не теряет контекст в момент самого чувствительного действия. Для команды важен не только факт перехода к оплате, но и согласованное состояние заказа, которое можно дальше обрабатывать и проверять.
- 07
Учли возрастной и сервисный контекст
Публичный сайт алкогольного бренда начинается с проверки возраста и должен корректно вести посетителя дальше после подтверждения. Мы рассматривали этот экран как часть продукта, а не внешнюю заглушку. Также проверяли языковые переходы, навигацию, корзину и возврат к каталогу, чтобы сервисные состояния не разрушали впечатление от бренда и не создавали тупиков на мобильном устройстве.
- 08
Интегрировали сайт с Bitrix24
Настроили передачу коммерчески значимых данных в CRM и связали действия сайта с дальнейшей работой команды. Интеграция сайта с Bitrix24 нужна для того, чтобы обращение или заказ не заканчивались в техническом уведомлении. Контакт, предмет интереса и рабочий статус становятся частью общего процесса, доступного ответственным сотрудникам.
- 09
Настроили CRM вокруг реальной работы
Bitrix24 для производителя полезен только тогда, когда этапы и поля отражают реальный путь клиента. Поэтому CRM‑контур проектировали не как демонстрацию возможностей платформы, а как рабочую среду для последовательного ведения обращений и заказов. Это создаёт основу для контроля, распределения ответственности и дальнейшей автоматизации без параллельных неофициальных списков.
- 10
Встроили AI‑агента непосредственно в сайт
AI‑агент доступен внутри интерфейса ISTAK и поддерживает тематический диалог, связанный с продуктом и коктейлями. Такой формат уменьшает количество лишних переходов: посетитель может задать вопрос в момент выбора и продолжить работу с сайтом. AI‑консультант для интернет-магазина дополняет, а не заменяет каталог, навигацию и контакт с командой.
- 11
Ограничили роль AI полезным контекстом
Для качественного пользовательского опыта важно не обещать агенту универсальную компетентность. Мы встроили его в понятную предметную область и сохранили обычные пути к продуктам и связи с компанией. Это делает AI‑слой предсказуемым: он помогает ориентироваться и формулировать запрос, но не становится единственной точкой доступа к информации или покупке.
- 12
Спроектировали приложение для поиска поставщиков
Отдельно создали специализированный рабочий продукт для глобального sourcing. Его задача — превратить поиск поставщиков по всему миру из набора вкладок, заметок и таблиц в последовательный процесс. Пользователь формулирует критерии, изучает потенциальные компании, сохраняет релевантные варианты и формирует рабочую подборку для дальнейшей проверки и контакта.
- 13
Собрали структурированные профили и сравнение
Найденная компания ценна не ссылкой, а контекстом для решения. В приложении информация организуется в карточки, которые удобно просматривать и сопоставлять. Такой подход помогает отделить предварительно релевантные варианты от общего массива результатов и сохраняет основания выбора. Конкретные источники и внутренние критерии не раскрываются, но архитектура рассчитана на управляемую исследовательскую работу.
- 14
Связали поиск с дальнейшей коммуникацией
Supplier search не должен завершаться списком компаний. Мы предусмотрели логику, в которой выбранный поставщик переходит в следующий рабочий этап: уточнение сведений, подготовку контакта, фиксацию ответа и обновление статуса. Это превращает специализированное приложение для поиска поставщиков в операционный инструмент, а не разовый каталог результатов.
- 15
Проверили систему как сквозной маршрут
Финальная проверка охватывала не отдельные красивые экраны, а ключевые цепочки: вход на многоязычный сайт, выбор продукта, взаимодействие с корзиной и оплатой, работу AI‑агента, передачу коммерческого контекста в Bitrix24 и базовый сценарий supplier‑приложения. Такой подход позволяет увидеть разрывы на границах систем — именно там, где чаще всего теряются данные и ответственность.
Главное инженерное решение проекта — разделить разные по природе процессы, но сохранить между ними управляемые связи. Покупатель получает лёгкий брендовый сайт, продажи — Bitrix24, посетитель — AI‑помощника, закупки — специализированное sourcing‑приложение. Сложность остаётся внутри архитектуры, а не перекладывается на пользователя.
Единая цифровая основа для продаж, сервиса и международного развития
В результате ISTAK получила масштабную цифровую систему, которая охватывает не один канал и не один отдел. Самописный интернет-магазин поддерживает бренд, многоязычный каталог, корзину и оплату. Интеграция с Bitrix24 продолжает коммерческий процесс внутри компании. AI‑агент добавляет диалоговый сервис в публичный интерфейс. Приложение для поиска поставщиков поддерживает отдельный международный B2B‑процесс.
Кейс показывает, как автоматизация продаж производителя может сочетаться с продуктовой разработкой и задачами supply chain. При этом мы не подменяем выполненную работу неподтверждёнными результатами: без сопоставимых данных аналитики, CRM, платёжного контура и sourcing‑процесса не заявляем рост продаж, конверсии, скорости обработки или количества найденных поставщиков.
- Разработан собственный многоязычный сайт ISTAK для армянской, русской и английской аудитории.
- Бренд‑контент, каталог напитков, коктейльная тема, события и коммерческие действия собраны в единую продуктовую архитектуру.
- Реализован e‑commerce‑контур с карточками продуктов, корзиной и последовательным переходом к оплате.
- Платёжная система встроена в пользовательский путь интернет-магазина и не существует отдельным несогласованным сервисом.
- Сайт интегрирован с Bitrix24 для продолжения работы с коммерчески значимыми обращениями и заказами.
- CRM‑контур построен вокруг контекста клиента и дальнейших действий команды, а не вокруг изолированного уведомления.
- AI‑агент встроен непосредственно в сайт и поддерживает продуктовый диалог в момент выбора.
- Обычная навигация, каталог и каналы связи сохранены: AI дополняет интерфейс, не создавая обязательный барьер.
- Создано специализированное приложение для поиска поставщиков по всему миру.
- Supplier‑приложение структурирует найденные компании, помогает собирать релевантные профили и сравнивать варианты.
- Поиск поставщика связан с дальнейшим рабочим процессом, а не заканчивается неуправляемым списком ссылок.
- Розничные, B2B и закупочные сценарии разделены по ролям, но работают в общей цифровой архитектуре ISTAK.
- Компонентная основа позволяет развивать ассортимент, языковые версии, сервисные сценарии и внутренние инструменты без полной пересборки платформы.
- Создан фундамент для измерения коммерческого пути по данным сайта, CRM и платёжной системы, когда доступна согласованная аналитика.
Публично на сайте ISTAK проверяются многоязычность, продуктовый каталог, карточки, корзина и пользовательский раздел, возрастной экран, коктейли, события, точки продаж и встроенный AI‑виджет. Разработка самописного сайта, платёжный контур, интеграция с Bitrix24 и специализированное приложение для поиска поставщиков подтверждены проектом. Показатели продаж, конверсии, доли автоматизации, числа диалогов AI и найденных поставщиков не публикуются без первичных выгрузок соответствующих систем.
Custom web, payment, Bitrix24, AI и supplier search
Что вошло в проект
Исследование ролей и процессов, информационная архитектура, UX/UI‑дизайн, самописная frontend‑разработка, армянская, русская и английская версии, каталог и карточки продуктов, корзина, пользовательские сценарии, интеграция платёжной системы, связь сайта с Bitrix24, проектирование CRM‑процесса, встроенный AI‑агент, специализированное приложение для глобального поиска поставщиков, профили и сравнение компаний, рабочий маршрут дальнейшей коммуникации, адаптивная проверка и сквозное тестирование границ между системами.
Открыть сайт ISTAK