← Все проекты

Бизнес / Автоматизация

Business Automation Ecosystem

Клиентский сервис и кабинет владельца — за два дня.

Сайт · Telegram · админка

Для когоЭкспертный бизнес и его клиенты

Моя рольПроектирование клиентского пути и техническая сборка

ТехнологииHTML / CSS / JavaScript · PHP · Python / aiogram · Google Sheets · YouGile

Реальный интерфейс · локальная копия с демоданнымиВсе материалы проекта ↓
Реальный интерфейс · локальная копия с демоданными: Клиентский сервис и кабинет владельца — за два дня.

ЗадачаПревратить экспертную диагностику в цифровой сервис, который ведёт клиента к следующему шагу и передаёт команде контекст для работы с обращением.

Что построеноСайт, Telegram-бот, персональные отчёты и кабинет владельца с управлением контентом, статусами обращений и интеграциями Google Sheets и YouGile.

Срок разработки

2 дня

От клиентского входа до инструментов владельца.

Сайт, Telegram-бот, персональные отчёты, административная панель и интеграции с учётом и CRM. В объём вошли редактор содержания, статусы обращений и резервное сохранение данных.

Все технологии проекта ↓

Продуктовые решения

Что определило решение.

01

Сначала результат, затем контакт

Сохранённый прогресс и сводка до контактной формы дают клиенту понятную причину продолжить. Команда получает обращение вместе с ответами и выбранным следующим шагом.

02

Дать владельцу управление

Поиск находит знакомую фразу на сайте или в отчёте. Правки применяются из админки; резервные копии и журнал действий поддерживают ежедневную работу с содержанием.

03

Предусмотреть сбои доставки

Для внешних каналов учитывается отдельный статус. Сервер сохраняет резервную запись обращения, а кабинет показывает заявки и состояние их обработки.

По документации проекта

Единый путь клиента
  1. 01Сайт / TelegramВход и диагностика
  2. 02Расчёт и отчётРезультат для клиента
  3. 03Учёт и CRMSheets · YouGile
  4. 04УведомлениеСледующий шаг
Результат сохраняется независимо от дополнительного канала

Материалы проекта

Открывайте изображения по постоянным ссылкам.

Архитектура и инструменты

Технологии проекта.

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

Интерфейсы
Сайт, анкета с сохранением прогресса и редакторы административной панели.
Технологии и библиотеки

HTML5 · CSS3 · JavaScript · Fetch API · localStorage

Сервер и содержание
Приём обращений, сохранение правок в редакторе и резервных копий.
Технологии и библиотеки

PHP · cURL · JSON · файловое хранение

Telegram-бот
Бот задаёт вопросы по порядку, помнит текущий шаг и собирает контакты.
Технологии и библиотеки

Python · aiogram 3 · asyncio · FSM / MemoryStorage · python-dotenv

Учёт и подключение Google Sheets
Сайт и бот сохраняют результаты в Google Sheets через защищённое подключение.
Технологии и библиотеки

Google Sheets API v4 · google-auth · google-api-python-client · Service Accounts · OAuth 2.0 · JWT / RS256 · OpenSSL

CRM и уведомления
Передача обращения в работу, задачи в кабинете и уведомления команды.
Технологии и библиотеки

YouGile REST API v2 · Telegram Bot API · email / PHP mail()

Клиентские отчёты
Персональный отчёт из данных обращения: просмотр в браузере и подготовка PDF.
Технологии и библиотеки

PHP-шаблоны · HTML/CSS · wkhtmltopdf · браузерная печать

Доступ и контроль изменений
Авторизация, журнал действий редактора и резервные копии перед изменениями.
Технологии и библиотеки

PHP sessions · хеши паролей · CSRF · защитные HTTP-заголовки

Аналитика и доставка
Счётчики и замеры прохождения в коде; скрипт обновления сайта и бота на сервере.
Технологии и библиотеки

Google Analytics 4 · Яндекс Метрика · Git · Bash · rsync · Linux

Анкета, сохранение обращения, редактор и HTML-отчёт проверены локально. Реализация внешних интеграций и серверного PDF подтверждается исходниками; их работа на действующем сервере и коммерческий эффект в этой проверке не оценивались. Авторство экспертной методологии сохраняется за её создателем.

Подробнее: как устроен проект, мой вклад и дальнейшие шаги

Задача

Превратить экспертную диагностику в законченный цифровой сервис. Клиенту нужен понятный путь: ответить на вопросы, получить персональный результат и выбрать, как продолжить работу. Владельцу бизнеса — видеть обращения, понимать контекст каждого клиента и управлять содержанием без постоянного обращения к разработчику.

Я связал эти две стороны продукта: внешний клиентский сценарий и внутреннюю работу команды. Общей точкой стала запись об обращении с ответами, результатом и выбранным следующим шагом.

Срок: два дня

За два дня были собраны публичный сайт, Telegram-бот, генерация отчётов, административная панель и интеграции с учётом и CRM. В объём вошли и повседневные инструменты владельца: редактирование текстов, просмотр заявок, отметки о контакте и проверка каналов связи.

Для разработки выбраны HTML, CSS и JavaScript на клиенте, PHP на сервере, Python для бота. Тексты и настройки хранятся отдельно от кода в формате JSON, а для учёта и работы команды подключены Google Sheets и YouGile. Это позволило собрать продукт вокруг конкретного процесса и оставить владельцу возможность менять его содержание самостоятельно.

Моя роль

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

Экспертная методология принадлежит автору диагностики. Моя работа в этом кейсе — программная реализация, пользовательские сценарии и автоматизация процесса вокруг неё.

Клиентский путь

Сайт ведёт пользователя по одному вопросу за раз, показывает прогресс и сохраняет ответы в браузере. К прохождению можно вернуться позже. Результат появляется до заполнения контактной формы: сначала человек получает содержательную обратную связь, затем выбирает направление и формат продолжения.

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

Кабинет владельца

Административная панель объединяет входящие обращения с сайта и из бота. В списке видны источник, контакт, результат и состояние обработки. Заявку можно отметить просмотренной, зафиксировать контакт с клиентом, открыть подробности и сформировать отчёт. Отдельно выделяются тестовые записи и обращения, ожидающие реакции.

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

Перед изменением содержания создаются резервные копии, действия редактора сохраняются в истории. Текстовые правки отделены от защищённых расчётных диапазонов. Владелец может менять формулировки, сохраняя согласованность расчётной логики.

Персональные отчёты

Отчёт собирается из данных обращения: результат, сводка по направлениям, рекомендации и следующий шаг. Документ имеет обложку, оглавление и последовательные разделы, поэтому подходит для продолжения работы с клиентом после прохождения диагностики.

Версия для браузера и PDF создаются из одного шаблона. Тексты отчёта редактируются через админку и используются в обоих форматах. В коде также предусмотрена отправка HTML-отчёта клиенту по email и сохранение результата по отдельной ссылке.

Интеграции и сохранность обращения

Google Sheets используется для учёта, YouGile — для передачи обращения в работу и отображения задач в кабинете. Telegram и email служат каналами уведомлений. Состояние доставки учитывается по каждому каналу отдельно.

Сервер дополнительно сохраняет локальную копию обращения. Если внешняя доставка не сработала, эта запись остаётся доступной для разбора. Ошибки каналов и формирования письма обрабатываются отдельно; в админке предусмотрены проверка состояния системы и тест доставки.

Технологии

Часть системы Технологии Назначение
Сайт и админка HTML5, CSS3, JavaScript, Fetch API, Web Storage / localStorage Адаптивные интерфейсы, анкета, сохранение прогресса, редакторы
Сервер PHP, cURL, JSON, файловое хранение Обработка обращений, API для редакторов, интеграции, резервные записи
Telegram-бот Python, aiogram 3, asyncio, FSM / MemoryStorage Диалоговый сценарий, состояния, ответы и контакты
Учёт Google Sheets API v4, google-auth, google-api-python-client Чтение и запись результатов с сайта и из бота
Доступ к Google API Service Accounts, OAuth 2.0, JWT / RS256, OpenSSL Серверная авторизация интеграций
CRM и задачи YouGile REST API v2 Карточки обращений, проекты, доски и задачи в кабинете
Уведомления Telegram Bot API, email через PHP mail() Оповещения команды и HTML-письмо клиенту
Отчёты PHP-шаблоны, HTML/CSS, wkhtmltopdf, браузерная печать Единая структура отчёта и экспорт PDF
Доступ и изменения PHP sessions, хеши паролей, CSRF-токены, защитные HTTP-заголовки, журнал действий, резервные копии Авторизация и контроль изменений
Аналитика Google Analytics 4, Яндекс Метрика, замеры прохождения анкеты В коде предусмотрены счётчики и данные о длительности ответов
Конфигурация и доставка python-dotenv, Git, Bash, rsync, Linux Настройки бота и скрипт обновления сайта и бота на сервере

Что подтверждено

Для кейса приложение восстановлено из репозитория версии 5.5.5. В браузере проверен путь от заполнения анкеты до появления обращения в административной панели и создания HTML-отчёта. Сохранение статуса просмотра проверено повторным открытием панели. Изменение заголовка через редактор сразу появилось на сайте.

Восемь снимков показывают реальные интерфейсы с заменёнными текстами, брендингом и демонстрационными данными. Авторские вопросы и методология не раскрываются. Для локального показа внешнее хранилище заменено локальным хранилищем тестовых данных; Telegram, Google Sheets, YouGile, email и аналитика отключены. Их реализация подтверждается исходниками; внешняя доставка и серверный PDF-экспорт в этой проверке не запускались.

Результат

За два дня собрана система, которая охватывает обе стороны экспертного сервиса: получение результата клиентом и последующую работу бизнеса с обращением. Владелец получает собственный кабинет для управления содержанием и заявками, клиент — последовательный путь от первого вопроса до персонального отчёта и следующего шага.

Кейс показывает скорость реализации, внимание к повседневной работе владельца и способность довести клиентский сценарий до серверной обработки, учёта и интеграций. Коммерческий эффект отдельно не измерялся; результат здесь — реализованный продукт и проверенные рабочие сценарии.

Следующий проект

RMG AI
Посмотреть проект ↗