Проект студии · Внутренние системы
Календарь отраслевых мероприятий для B2B-компании
Внутренняя система учета отраслевых выставок и конференций для B2B-компании: календарь на месяц, квартал и год, карточки с пакетами участия, чек-листы подготовки и напоминания.
Задача
Заказчик - B2B-компания, которая продвигает услуги через отраслевые выставки и конференции в разных странах, за год набирается 30-60 мероприятий. Сроки, состав делегации, цены пакетов участия и ход подготовки жили в переписке и личных заметках сотрудников.
Нужна была система, где видно все мероприятия на календаре, стадию решения по каждому, кто едет, какой пакет выбрали и за сколько. Система должна напоминать о сроках подготовки и хранить историю: почему отказались, чем закончилось, стоит ли ехать в следующем году.
Доступ только для сотрудников с корпоративной почтой и только по приглашению администратора. Ограничения для обычных пользователей должны работать на сервере, а не скрытием кнопок.
Решение
Мы сделали веб-приложение на Django с календарем в трех масштабах. Месяц показывает многодневные мероприятия полосами, цвет означает стадию, восклицательный знак предупреждает о просроченном пункте подготовки. Квартал и год дают руководителю картину на весь сезон.
Карточка открывается рядом с календарем: даты, место, направления, формат участия, ответственный, участники, пакеты организатора и чек-лист. Все изменения пишутся в историю.
Напоминания уходят по семи поводам из ТЗ на почту, в Телеграм и push на телефон. Российский хостер режет исходящую почту и часть адресов Телеграма, поэтому исходящий трафик идет через туннель на зарубежный сервер, а сторож раз в час проверяет оба канала.
Что внутри
Три вида календаря
Месяц, квартал и год. Многодневные мероприятия идут полосами, фильтры по стадиям и направлениям сохраняются между визитами.
Стадии с условиями
Семь стадий от согласования до итогов или отказа. Для отказа система требует обоснование, для итогов требует рекомендацию на следующий год.
Пакеты участия
Предложения организатора с ценами в рублях или валюте. Выбранный пакет отмечен и попадает в таблицу и выгрузку в Excel.
Чек-лист подготовки
Пункты из шаблона со сроком и ответственным. Просроченные подсвечены, прогресс виден в карточке и таблице.
Напоминания в три канала
Почта, Телеграм и push на телефон. Телеграм сотрудник подключает сам по одноразовой ссылке, повторы и сбои каналов отслеживаются.
Доступ и бэкапы
Вход по корпоративной почте, приглашения по одноразовой ссылке. Ночные бэкапы на внешний хостинг, восстановление проверено на живой системе.
Система работает, сотрудники заказчика заведены, обязательные требования ТЗ и бэклог закрыты. Основную версию собрали за два дня, 157 автотестов проходят. Метрик использования пока нет.
Экраны
Как это выглядит
На компьютере
Дизайн и как выбирали концепт
Концептов не рисовали: это рабочий инструмент, и его вид задавали сценарии из ТЗ. Первая версия вышла с темно-синей шапкой. После приемки владелец попросил перевести интерфейс в фирменные цвета заказчика, и мы сняли палитру прямо с CSS его сайта. Контраст всех надписей проверили скриптом по WCAG AA (стандарт читаемости текста), нарушений ноль.
Адаптив проверяли на 12 ширинах экрана, от телефона 360 px до монитора 2560 px. Два раунда ревью прошли по 48 скриншотам, во втором проверили, что таблица больше не съезжает влево, а годовой вид помещается на телефоне.
Стек
Технологии
Стек выбираем под задачу, бюджет поддержки и команду, которая будет развивать продукт
- Python и DjangoСервер, роли, стадии, история изменений
- PostgreSQLМероприятия, пакеты, чек-листы, журнал уведомлений
- Celery и RedisФоновые задачи и расписание напоминаний
- HTMXКарточка и фильтры без перезагрузки страницы
- Web Push и ТелеграмУведомления на телефон и в мессенджер
- nginx и systemdРабота на своем сервере без Docker
Процесс
Как идет работа
Прозрачный процесс: каждый этап заканчивается результатом, который можно посмотреть руками
- 01
ТЗ и сервер
Разобрали ТЗ заказчика, подготовили сервер и деплой.
- 02
Модель данных
Описали мероприятия, стадии с условиями переходов, пакеты, чек-листы, роли и приглашения.
- 03
Интерфейс
Собрали календарь, карточку, таблицу с выгрузкой и вход по корпоративной почте.
- 04
Мобильная версия
Проверили адаптив на 12 ширинах экрана, сделали установку на телефон и обновление жестом.
- 05
Уведомления и бэкапы
Подключили почту, Телеграм и push, настроили ночные бэкапы с проверкой восстановления.
- 06
Приемка
Перевели интерфейс в фирменные цвета заказчика, внесли его правки, подготовили инструкцию на 18 слайдов.
Вместе к большему
Нужна внутренняя система под процесс компании?
Пришлите ТЗ или опишите, как сейчас ведете учет, и мы предложим состав первой версии.
Бесплатно
Прототип вашего приложения или сайта за 5 дней
5-7 ключевых экранов и смета по этапам. Останутся у вас, даже если дальше вы решите работать не с нами.
Оставить заявку
Расскажите о вашем проекте
Мы свяжемся с вами в течение рабочего дня и предложим варианты решения.
- 1Созвон на 30 минут: разбираем задачу
- 2Вилка по бюджету и срокам
- 3Прототип и точная оценка
Или напрямую: +7 (982) 010-01-18