Сервис «Ход дела»
От первого вопроса до готового документа в одном диалоге. Сайт, чат с файлами, кабинет владельца и двусторонняя связь с Telegram.
Открыть сайт проекта
- Клиент
- Ход дела
- Что сделали
- Дизайн · Сайт · Чат · Кабинет · Telegram · Инфраструктура
Задача проекта
Объединить вопрос, документы и готовый результат в одном диалоге.
Первое сообщение — без регистрации и обязательного звонка. Дальше в той же переписке можно согласовать работу, передать материалы и получить документ.
Как устроили сервис
Этап 01
Порядок работы
Разделили работу на четыре понятных этапа: ситуация, договорённости, материалы и результат. Главная объясняет их до начала переписки.
- Как проходит обращение
- С чем можно обратиться
- От вопроса до документа
- Чат без регистрации
Этап 02
Оформление сайта и чата
Тёмно-зелёный фон и карта, светлые карточки бумаги, Cormorant Garamond и розовые штрихи. Один язык для сайта и рабочего интерфейса.
Этап 03
Чат и документы
Сообщения сохраняются на сервере. В том же диалоге можно передать материалы и получить документ. Подтверждённый email открывает историю на другом устройстве.
Этап 04
Передача материалов и согласие
Перед первым сообщением нужно отдельно подтвердить согласие на обработку персональных данных. Политика и текст согласия доступны рядом с редактором; вложения можно проверить и убрать перед отправкой.
Этап 05
Кабинет владельца
Обращения, ответы, статусы, вложения и приватные заметки собраны в отдельном рабочем кабинете. Завершённые обращения можно перенести в архив или корзину. Полное удаление доступно из этих разделов и требует отдельного подтверждения.
Этап 06
Telegram
Двусторонняя переписка связана с обращением. Очередь доставки и обработка повторов учитывают сбои внешнего канала.
Этап 07
Публикация
Next.js и NestJS работают в Docker за Caddy. Перед обновлением сохраняются база, файлы и предыдущий релиз для отката.
Сайт и рабочий чат
Как проходит обращениеПервый экран объясняет сервис через пример переписки с исходным файлом и готовым документом. Это пример интерфейса, не история клиента. С чем можно обратитьсяУголовное право и КоАП РФ: направления раскрыты через конкретные виды задач. От вопроса до документаЧетыре этапа показывают, что потребуется от клиента и что он получит в результате. Чат без регистрацииРабочий чат доступен гостю. Перед первым сообщением посетитель подтверждает согласие на обработку данных; материалы и обсуждение остаются внутри одного обращения.
Решения в интерфейсе
Нажмите на отметку, чтобы рассмотреть деталь.
Технологии и их задачи
| Поз. | Компонент | Где | Почему |
|---|---|---|---|
| 01 | Next.js · React · TypeScript | Интерфейс | Главная, рабочий чат, вход и кабинет владельца в одном приложении. |
| 02 | SCSS · Cormorant Garamond | Оформление | Общий язык сайта и чата: карта, бумажные поверхности и розовые штрихи. |
| 03 | NestJS · PostgreSQL | Данные | Обращения, переписка, согласия и доступ хранятся на сервере. Архив и корзина помогают владельцу управлять историей обращений. |
| 04 | Generated API client | Контракт | Клиент запросов генерируется из схемы backend, чтобы интерфейс и сервер использовали один контракт. |
| 05 | Tiptap | Редактор | Форматирование сообщений и работа с содержимым внутри диалога. |
| 06 | Telegram Bot API · очередь | Связь | Двусторонняя переписка, повторы доставки и подтверждённая привязка истории к аккаунту. |
| 07 | ClamAV · проверка доступа | Файлы | Проверка формата и сканирование загрузок; скачивание после проверки доступа к обращению. |
| 08 | Docker · Caddy | Публикация | Отдельные приложения, HTTPS, резервные копии и откат на предыдущий релиз. |
Отзыв клиента
Спасибо за отличную работу над сайтом «Ход Дела»! Вы смогли не только понять мою идею, но и точно воплотить ее в жизнь: сайт получился стильным, удобным и понятным для посетителей. Особенно ценно, что вы внимательно отнеслись к деталям и помогли создать именно тот проект, который я представляла. Очень довольна результатом и нашим сотрудничеством!