Collsta
аналитическая SaaS-платформа
Компания / Проект
Один из крупнейших банков РФ имеет большое количество собственных разработок. Данный проект — внутренний сервис продуктовой аналитики, который, также, масштабируется вне контура банка.
Аудитория
Внутри банка:
Вне контура банка:
- Системные аналитики
- Бизнес аналитики
- Владельцы продуктов
- Управленцы разных уровней
Вне контура банка:
- Менеджеры рекламных кампаний
Индустрия
- Banking
- Analytics
- FinTech
Моя роль в проекте
Что было сделано в реальном продукте — боли, потребности и решения
Боли и потребности
Недостаточно типов аналитических и технических отчётов
Решение
8
Новых типов отчётов продумано, спроектировано и запущено
Боли и потребности
Существующие отчёты недостаточно производительны
Решение
15+
Отчётов и сценариев оптимизировано и улучшено дополнительными фичами
Боли и потребности
Интерфейс имел большое количество недочётов различного типа и масштаба эффекта
Решение
30+
Задач по оптимизации и улучшению.
Ввёл в процесс практику «Дизайн-долг».
Ввёл в процесс практику «Дизайн-долг».
Боли и потребности
Релизы выходили с разной степенью расхождений с дизайном
Решение
Ввёл в процесс практику «Дизайн-ревью». Количество расхождению свелось к минимуму.
Боли и потребности
Существующий дашборд имел минимальную гибкость настройки
Решение
Спроектировал большую базу виджетов разного типа, с гибкими настройками
Дизайн-стратегия
Разработал дизайн-стратегию развития продукта, включающую новую айдентику, графику, стиль, редизайн интерфейса с подробной аргументацией, адаптивный лэйаут и мобильную версию, дорожную карту разработки и систему поэтапного внедрения.
NDA
Далее представлен концепт редизайна проекта. Полностью переработаны айдентика и интерфейс. Проработан адаптивный вид, включая мобильную версию. Представлены мои идеи, которые в момент разработки проекта были определены как out-of-scope.
Оригинальный проект защищен договором о неразглашении. Вся конфиденциальная информация, контент и сведения о продукте были удалены или заменены. Все возможные совпадения — случайны.
Проект
Collsta
Collsta — это универсальная аналитическая SaaS-платформа, которая помогает компаниям отслеживать, визуализировать и анализировать данные о своих веб- и мобайл-продуктах в режиме реального времени.
От источников трафика и поведения пользователей до воронок конверсии и показателей удержания — она превращает необработанные данные о событиях в полезную аналитику без необходимости в инженерах по обработке данных.
От источников трафика и поведения пользователей до воронок конверсии и показателей удержания — она превращает необработанные данные о событиях в полезную аналитику без необходимости в инженерах по обработке данных.
Визуальная
Айдентика
Логотип. Ритм графика
Ядро
Идеи
Основная идея знака скрыта в самом сердце графика
Знаковая
Часть
Знак передаёт метафору графика
Ключевые
Модули
Знак строится из квадратных модулей, с применением изометрической сетки
Текстовая
Часть
Название составлено из первых частей двух слов
Конструкционная
Сетка
Построение логотипа основано на модульной сетке и учитывает поля безопасности
Полный
Логотип
Логотип основан на модульной структурной сетке, которая обеспечивает точные пропорции, оптическую компенсацию и возможность воспроизведения знака в любом масштабе
Дизайн
Токены
Типографика и палитра
Шрифтовое
Семейство
Для бренда было выбрано семейство шрифтов Poppins. Все необходимые элементы дизайна включены в систему.
Цветовое
Соотношение
Правило 60−30−10 — классический принцип подбора цветов: 60% доминирующего цвета, 30% второстепенного и 10% акцентного. Это создаёт визуальный баланс и уравновешенность.
Дизайн
Элементы
Интерфейс и прочее
Иконка
Приложения
Лаконичный, чистый и интуитивно понятный значок приложения
Различный
Мерч
Фирменный стиль легко и эффективно переносится на любую поверхность
Главный
Дашборд
Аналитическая страница с большим объёмом данных, на которой представлен общий обзор производительности приложения и ключевых бизнес-показателей
Командная
Работа
Все статистические данные, которые нужны вашей команде, собраны и проанализированы в одном месте
Членство
Управление командой
Различные
Виджеты
Набор виджетов для панели управления для анализа платформы мониторинга — запросы, тенденции внедрения, индекс работоспособности и прочие
Планшетный
Вид
Адаптивные экраны для планшетов, разработанные с учётом требований к гибкости, позволяют пользователям работать с данными и изучать их, где бы они ни находились
Мобильный
Вид
Интерфейс оптимизирован для небольших экранов. Полный доступ с любого устройства.
Страница
Отчётов
Единое рабочее пространство для создания, организации и управления аналитическими отчётами
Десктопный
Вид
Раздел разработан для обеспечения максимальной эффективности и позволяет наглядно просматривать отчёты, аналитические данные и управлять рабочим пространством
Лёгкий
Вход
Собирайте события, анализируйте воронки, получайте ответы
Плиточный
Вид
Удобный лэйаут, система вложенности и фильтрации помогают пользователям быстро ориентироваться в объёме данных
Планшетный
Вид
Версия для планшетов адаптирует интерфейс для сенсорного взаимодействия, сохраняя функциональность
Мобильный
Вид
Мобильная версия ориентирована на скорость и доступность, позволяя пользователям просматривать отчёты и получать доступ к важной информации из любого места
Страница
Отчёта
Страница отчёта построена по модульному принципу, что позволяет упорядочить сложную аналитику и упростить навигацию. Независимые панели, гибкие элементы управления и контекстная визуализация данных позволяют пользователям эффективно изучать аналитические данные.
Переключатель
Вида
Переключение отображения помогает настроить наиболее удобный или привычный вид работы с отчётами
Гибкие
Настройки
Гибкая система фильтрации помогает пользователям быстро сузить область поиска в больших наборах данных по нескольким критериям. Модульные группы фильтров упрощают создание, уточнение и управление сложными запросами.
Планшетный
Вид
Всё рабочее пространство легко адаптируется под планшетные устройства, сохраняя функциональность и оптимизируя расположение элементов для сенсорного взаимодействия и экранов меньшего размера
WORK
CASE STUDY
