Я сделал новый интерфейс Vtiger. Вот что изменилось

Я сделал новый интерфейс Vtiger. Вот что изменилось

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

Но CRM открывают каждый день. В ней ищут клиентов, ведут сделки, проверяют договорённости, планируют следующий звонок. Хотелось, чтобы всё это выглядело аккуратнее и было удобнее под рукой.

Поэтому я сделал ModernUI — тему для Vtiger CRM Open Source 8.4 с новым интерфейсом. Она уже готова. Ниже — настоящие скриншоты и несколько изменений, которые заметны в обычной работе.

Новый интерфейс Vtiger CRM с темой ModernUI: список сделок, суммы, стадии и избранные разделы
Так выглядит список сделок в ModernUI. Скриншоты сделаны на английском языке; все организации и сделки вымышлены.

Почему я решил обновить интерфейс Vtiger

Если компания уже работает в Vtiger, за этим обычно стоит немало труда: собранная база клиентов, настроенные поля, история сделок, свои отчёты. Всё это ценно. При этом желание видеть более современную CRM вполне понятно.

Мне хотелось сохранить привычную систему и привести в порядок ту её часть, с которой человек сталкивается постоянно: меню, списки, карточки и формы. За визуальный ориентир я взял облачный Vtiger, а ModernUI сделал для версии, которая работает на собственном сервере.

Стандартный интерфейс Vtiger Open Source 8.4: тот же список демонстрационных сделок до включения ModernUI
Для сравнения — те же сделки в стандартном интерфейсе Vtiger, при той же ширине окна.

Больше места для сделок и клиентов

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

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

Это особенно приятно, когда работаешь с CRM на ноутбуке: места на экране и без того немного, и хочется отдавать его рабочей информации.

Карточка открывается поверх списка

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

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

Карточка сделки в ModernUI поверх списка Vtiger: разделы, связанные записи и поиск по полям
Детали сделки открыты поверх рабочего списка. Вверху — вкладки, слева — разделы карточки.

Редактирование оформлено в том же стиле. Поля собраны в понятные блоки, переходы между разделами вынесены в сторону, кнопки сохранения находятся внизу окна. Вы работаете с теми же данными своей CRM.

Редактирование сделки в новом интерфейсе Vtiger: форма с разделами, суммой, стадией и датой закрытия
Форма редактирования сделки: основные сведения и описание разделены на блоки.

Нужные разделы проще держать под рукой

В меню ModernUI есть поиск. Если не помните, где находится нужный раздел, достаточно начать вводить его название. А сделки, организации, календарь или отчёты, которыми пользуетесь каждый день, можно добавить в избранное.

Администратор может настроить порядок пунктов, собрать их в группы и убрать из меню лишнее. При этом доступ к данным по-прежнему определяется правами сотрудников в Vtiger.

Меню ModernUI для Vtiger CRM: поиск разделов, группа продаж и избранное
Разделы собраны в одном меню. Часто используемые доступны через избранное.

Оформление можно подстроить под себя

Одному удобнее видеть больше строк на экране, другому нужен крупный текст и свободное пространство. В ModernUI можно выбирать плотность интерфейса и размер текста в пределах настроек, разрешённых администратором.

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

Личные настройки ModernUI: язык, размер текста и плотность интерфейса Vtiger
Личные предпочтения позволяют настроить удобный вид для своего пользователя.

Как перейти на новый интерфейс

ModernUI устанавливается отдельным модулем в Vtiger Open Source 8.4. Переносить клиентскую базу в другой сервис ради нового оформления не требуется: CRM продолжает работать на вашем сервере.

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

Если у вас более ранняя версия Vtiger, сначала нужно спланировать её обновление. Собственные доработки и сторонние расширения тоже стоит проверить на копии системы до перехода. Это часть работы с конкретной CRM, и здесь важны её особенности.

ModernUI — открытый проект. Посмотреть описание темы и её исходный код можно в репозитории ModernUI на GitHub.

Хотите обновить свой Vtiger CRM?

Если ваша CRM устраивает вас по возможностям, но работать в ней хочется с более удобным интерфейсом, напишите мне. Я помогу разобраться с обновлением Vtiger, установкой ModernUI и настройкой оформления под вашу команду.

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

Акция! Профессиональный разработчик CRM за 2000 руб. в час

Выделю время под ваш проект. Знания технологий Vtiger CRM, SuiteCRM, Laravel, Vue.js, Golang, React.js, Wordpress. Предлагаю варианты сотрудничества, которые помогут вам воспользоваться преимуществами внешнего опыта, оптимизировать затраты и снизить риски. Полная прозрачность всех этапов работы и учёт временных затрат. Оплачивайте только рабочие часы разработки после приемки задачи. Экономьте на платежах по его содержанию разработчика в штате. Возможно заключение договора по ИП. С чего начать, чтобы нанять профессионального разработчика на full-time? Просто позвоните или напишите мне!

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

Свяжитесь со мной напрямую

На сайте нет форм: я не собираю и не храню персональные данные посетителей. Просто позвоните или напишите мне удобным способом — ссылка откроет нужное приложение.