Текущая Разработка: Ключевые Принципы
Положительный Пользовательский Опыт (UX)
Создана основная страница сайта с акцентом на однооконный пользовательский опыт. Отсутствует постоянное перемещение по страницам. Вся дополнительная информация вызывается путем открытия всплывающих окон (модалов), что обеспечивает быстроту и непрерывность взаимодействия.
Типизированное и Адаптивное Меню
Реализовано типизированное меню с различным дизайном отображения, оптимизированным для десктопной и мобильной версий. Меню включает пункты об услугах, компании и категориях блюд.
Детали Функционала
Контактные Элементы с Прямым Действием
- Телефонный номер: При нажатии с мобильного устройства автоматически вызывает окно звонка (callto:).
- Электронная почта: При нажатии перенаправляет пользователя в его почтовый сервис для немедленной отправки письма (mailto:).
- Адрес: При нажатии открывает всплывающее окно с интерактивной картой, на которой отмечено точное местоположение компании.
Система Меню и Карточки Блюд
Меню выведено с четким разделением на категории:
- Салаты, Первые блюда, Вторые блюда, Гарниры, Соуса.
- Специальная категория: Меню на неделю.
Особенности навигации:
- Реализована быстрая навигация (поиск) для оперативного перемещения по категориям.
- При раскрытии категорий отображаются карточки блюд, заведенные на основе данных, предоставленных заказчиком.
- Как на странице категории блюд, так и в быстром доступе, реализована возможность сформировать и отправить заказ менеджеру.
Меню на Неделю (Кастомная Интеграция)
Для отображения завтраков создана кастомная HTML-интеграция. Меню структурировано по дням недели и категориям блюд, обеспечивая максимальную наглядность.
Прочие Активные Элементы
- Презентация: Элемент для скачивания презентации компании, расположенный под верхним блоком главной страницы.
- Аудио-Приветствие: Уникальный аудио-элемент, позволяющий воспроизвести и прослушать приветствие компании MasterFood.
Формы и Система Автоматизации (Back-end)
Интерактивный Элемент Заявки
На всех страницах в правом нижнем углу расположен активный плавающий элемент. Он позволяет клиенту:
- Открыть форму для заполнения контактных данных и описания задачи.
- Осуществить автоматический звонок (с телефона).
- Перейти на Telegram-бота для прямого общения и вопросов.
Система Передачи Данных (Data Flow)
Передача данных от форм осуществляется через систему автоматизации.
- Соответствие Законодательству: Контактные данные попадают в базу данных, расположенную на территории Российской Федерации.
- Уведомления: Создана отдельная Telegram-группа с прикрепленным ботом. База данных отправляет уведомление о новой заявке (без данных, так как серверы автоматизации находятся вне РФ).
- Просмотр Менеджером: Для просмотра заявки менеджер нажимает на прикрепленную кнопку, которая открывает динамическую страницу с актуальными данными заявки.
Будущее Развитие: Построение CRM-системы
Главная цель: Построение собственной, независимой CRM-системы для полного учета и контроля клиентских данных (в целях маркетингового продвижения).
Ключевые Требования и Ограничения
- Локализация Серверов: Серверы для CRM-системы должны быть расположены на территории Российской Федерации (строгое требование).
- Техническая Реализация: Управление базами данных может быть реализовано через систему бескодового программирования баз данных.
- Управление: Система будет полностью управляться оператором, администратором или менеджером MasterFood.
- Безопасность Доступа: Строгий вход по логину и паролю, индивидуальное предоставление доступов.
Юридическое Ограничение (Обработка Данных)
Обработка данных с помощью агентов искусственного интеллекта и нейросетей исключается. Причина: при таком взаимодействии данные отправляются на сервера вне границ Российской Федерации, что неприемлемо с точки зрения законодательства РФ в отношении персональных данных.
Создание этой системы полно ответит запросам маркетолога, например, при выстраивании взаимодействия с системами таргетированной рекламы.
Техническая информация
- Сайт разработан на основе блочного конструктора Tilda, с кастомной интеграцией рукописного HTML/CSS/JS-кода.
- Владелец аккаунта Tilda — Андрей Сенчуков. Стоимость тарифа — 1250 ₽/мес.
- Создана закрытая Telegram-группа для сбора заявок и оперативного реагирования. Главный администратор — Андрей Сенчуков. Владелец группы разработчик
- Непосредственное общение с клиентом из Telegram группы реализовано с помощью системы автоматизации n8n.
- Система автоматизации n8n связывает сайт с базой данных и работает на сервере в РФ. Владелец аккаунта — разработчик. Стоимость аренды сервера — 660 ₽/мес.
- Таблица хранения данных клиентов расположена в базе данных на сервере на территории РФ. Владелец аккаунта — разработчик. Стоимость аренды — 880 ₽/мес.
- Существует возможность размещения базы данных на стороне заказчика. Альтернативный вариант — облачная база данных за 870 ₽/мес.
Статус Проекта
На данном этапе рабочая версия сайта, разработана и полностью готова к использованию.
