Сначала результат, затем контакт
Сохранённый прогресс и сводка до контактной формы дают клиенту понятную причину продолжить. Команда получает обращение вместе с ответами и выбранным следующим шагом.
Бизнес / Автоматизация
Клиентский сервис и кабинет владельца — за два дня.
Для когоЭкспертный бизнес и его клиенты
Моя рольПроектирование клиентского пути и техническая сборка
ТехнологииHTML / CSS / JavaScript · PHP · Python / aiogram · Google Sheets · YouGile

ЗадачаПревратить экспертную диагностику в цифровой сервис, который ведёт клиента к следующему шагу и передаёт команде контекст для работы с обращением.
Что построеноСайт, Telegram-бот, персональные отчёты и кабинет владельца с управлением контентом, статусами обращений и интеграциями Google Sheets и YouGile.
Срок разработки
Сайт, Telegram-бот, персональные отчёты, административная панель и интеграции с учётом и CRM. В объём вошли редактор содержания, статусы обращений и резервное сохранение данных.
Все технологии проекта ↓Продуктовые решения
Сохранённый прогресс и сводка до контактной формы дают клиенту понятную причину продолжить. Команда получает обращение вместе с ответами и выбранным следующим шагом.
Поиск находит знакомую фразу на сайте или в отчёте. Правки применяются из админки; резервные копии и журнал действий поддерживают ежедневную работу с содержанием.
Для внешних каналов учитывается отдельный статус. Сервер сохраняет резервную запись обращения, а кабинет показывает заявки и состояние их обработки.
По документации проекта
Открывайте изображения по постоянным ссылкам.

Навигация по темам и сохранение прогресса помогают пройти анкету в своём темпе и вернуться к ответам позже. На снимке — нейтральный демонстрационный вопрос.

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

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

Запись «Демо-проект Запуск» создана через форму сайта. Ответы и результат переданы в локальное хранилище; статус просмотра сохраняется после перезагрузки.

Поиск находит заголовок в контексте первого экрана. Изменение сохранено через административный интерфейс и проверено на публичной части локального стенда.

Обложка сформирована штатным генератором из записи «Демо-проект Запуск». Брендинг, тексты и рекомендации заменены; исходная структура документа сохранена.

Результат, профиль и действия собраны в клиентский документ. Здесь показан HTML-отчёт; серверный экспорт PDF и доставка через внешние сервисы на стенде не проверялись.
Публичный вход, диагностика, результат и передача обращения во внутреннюю работу.
Основной результат отделён от дополнительных каналов. Редактор управляет текстами, а не расчётной методологией.
Архитектура и инструменты
Технологии проверены по исходному коду. Сайт и бот используют общие данные о результате, а административная панель объединяет работу с обращениями и содержанием.
HTML5 · CSS3 · JavaScript · Fetch API · localStorage
PHP · cURL · JSON · файловое хранение
Python · aiogram 3 · asyncio · FSM / MemoryStorage · python-dotenv
Google Sheets API v4 · google-auth · google-api-python-client · Service Accounts · OAuth 2.0 · JWT / RS256 · OpenSSL
YouGile REST API v2 · Telegram Bot API · email / PHP mail()
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