Эстетический апгрейд в 1С:Аналитике: улучшили визуал дашборда для оптового поставщика бытовых электроприборов

Клиент

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

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

Задача

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

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

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

Было

Дашборд 1 Анализ годовой по менеджерам (сводный вариант) ориентирован на оценку показателей выручки и количества продаж в разрезе менеджеров. Из него можно было перейти по ссылке на дашборд 2 Анализ годовой по номенклатуре. Показатели дублировались, но показывались в разрезе номенклатуры.

Все значения на представленных изображениях заменены на демонстрационные.

Что мы сделали

Дашборд Анализ годовой по менеджерам (NEW 2026):

Новые диаграммы

1. Топ-10 продаж по номенклатуре (GS, руб.) — за выбранный период
2. Доля GS (тыс. руб. + %) по MODEL товаров — за выбранный период
3. Доля GS (тыс. руб. + %) по BRAND товаров — за выбранный период
4. Топ-5 CUSTOMER GROUP по GS (тыс. руб. + %) по годам
5. Toп-10 CUSTOMER GROUP по GS (тыс. руб. + %) по годам
6. Toп-20 CUSTOMER GROUP по GS (тыс. руб. + %) по годам
7. Корреляция Customer group с models (детальная таблица)
8. Корреляция Customer group и товарных категорий (топ-10 Customer Group + топ-3 MODEL товаров)
9. Топ-10 || КЛИЕНТЫ по GS (руб.) за выбранный период
10. GS (тыс. руб. + %) по CHANNELS — за выбранный период

Трансформировали диаграммы

1. QTY по годам (шт.)
2. GS по годам (руб.)
3. QTY изменение к пред. году (%)
4. GS изменение к пред. году (руб.)
5. GS (руб.) месячная динамика относительно года
6. QTY (шт.) месячная динамика относительно года
7. Структура отгрузки номенклатуры (детальная таблица)
8. Детальная таблица по QTY и GS в разрезе год/месяц (бывшая диаграмма «GS и QTY по клиентам руб./шт.«)
9. Cтруктура GS по клиентам в %

Новые фильтры

1. Произвольный выбор дат (фильтр периода в интервале между произвольными датами)
2. Фильтр по BA (фильтр по доп. реквизиту партнеров)
3. Фильтр по группе партнеров (Customer group)
4. Фильтр по конкретному партнеру (клиенту)
5. Обновлена выборка данных по номенклатуре и, как следствие, в фильтре исключены позиции без артикула

Убрали с главного экрана (дашборда) дополнительные диаграммы с переходом к ним по гиперссылке

1. Детальная таблица по QTY и GS в разрезе год/месяц (бывшая диаграмма «GS и QTY по клиентам руб./шт.«)
2. Детальная таблица по QTY и GS в разрезе год/месяц
3. Структура отгрузки номенклатуры (детальная таблица)
4. Cтруктура GS по клиентам в %
5. Ср. цена одной единицы по годам (руб.)
6. Ср. цены за шт изменение по годам

Цветовое решение и оформление

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

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

За основу цветовой палитры мы взяли градиент от оранжевого к синему, который клиент использует в печатной продукции. Благодаря уменьшенной насыщенности и повышенной яркости мы получили пастельные оттенки, которые, на наш взгляд, выглядят стильно и гармонично.

Исходный референс:

Мы осознанно не включили в общую цветовую схему диаграммы GS (руб.) месячная динамика относительно года и QTY (шт.) месячная динамика относительно года — градиент в такой гистограмме совершенно лишает пользователя возможности считывать ее на лету. Цвета должны значительно отличаться друг от друга, чтобы можно было зрительно улавливать тенденции показателей.

Отдельно скажем про шрифты и их цвет — потому что пока это боль всех, с кем мы работаем, а значит, и наша собственная.

К сожалению, на текущем этапе в 1С:Аналитике по-прежнему нет инструментов для пользователей по управлению шрифтами, размером и, главное, цветом подписей значений на самих диаграммах.

1С:Аналитика сама подбирает размер исходя из того, что из подписей условно помещается или не помещается на диаграмму, сама определяет цвет в зависимости от цветового фона, на котором будет надпись. И на самом деле то, как она это делает, не ее прихоть — 1С:Аналитика просто следует базовым правилам веб-разработки: цвет подписи подбирается под фон для читаемости, а размер зависит от того, сколько места есть на диаграмме. Это общая логика любых фронтенд-решений, а не особенность именно этого сервиса.

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

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

Результаты

• Мы выжали максимум из имеющихся инструментов в пространстве 1С:Аналитики
• Объединили два дашборда в один
• Подобрали оптимальное цветовое решение
• Убрали визуальный шум и перегруженность данными
• Добавили новые аналитические срезы показателей
• Сохранили идею минимальных действий (нажатий мышкой, переходов) для работы с дашбордом
• Дополнительно рассказали и показали сотрудникам клиента базовые вещи по совместному использованию конфигурации 1С и 1С:Аналитики — как попасть на свой рабочий стол в 1С:Аналитике по одному клику из своей рабочей базы 1С

Мы получили искреннее удовольствие от работы над этим проектом. Когда уровень визуальной культуры и внимание к деталям совпадает с уровнем клиента, когда он не просто принимает работу, а действительно чувствует разницу между «работает» и «работает и радует глаз» — это и есть та химия, ради которой мы делаем свое дело.

Подробнее о возможностях BI-системы 1C:Аналитика можно прочитать по ссылке.