Друг

Маркетплейс сервисов для сотрудников Сбера и экосистемы

Роль

Дизайнер

Сфера

Финтех (B2E)

На проекте

2019-2021

a cell phone on a bench
a cell phone on a bench
a cell phone on a bench

Задача

Разработать удобную и функциональную платформу для сотрудников банка, которая объединяет все рабочие процессы, коммуникации и корпоративные новости в одном месте


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

  • отсутствие видимости активных процессов

  • излишняя формальность

  • невозможность кастомизации

Решение

Мы создали многофункциональное приложение, доступное на компьютерах и мобильных устройствах, которое позволяет:

  • Решать рабочие вопросы – быстрый доступ к внутренним сервисам, документам и задачам

  • Общаться с коллегами – встроенный мессенджер, чаты отделов и проектные каналы

  • Следить за событиями и новостями банка – лента корпоративных новостей, анонсы мероприятий и важные объявления

  • Работать из любого места – синхронизация между десктопной и мобильной версиями для комфортной работы вне офиса

Структура интерфейса

Приложение было переработано с учетом многослойной архитектуры, чтобы сохранить баланс между функциональностью и простотой:

  • Верхний слой (навигация)панель приложений с вкладками для быстрого переключения между разделами, доступ к основным инструментам без перегрузки интерфейса

  • Базовый уровень (платформа)настройки системы, управление виджетами и профилем, «фундамент», на котором строится взаимодействие

  • Основной слой (рабочее пространство) динамическая область контента, адаптирующаяся под задачи пользователя, может занимать всю доступную площадь или работать в компактном режиме


Учет пользовательских потребностей

На основе интервью и исследований были внедрены ключевые изменения:

  • Гибкость − виджеты позволяют настраивать интерфейс под индивидуальные нужды

  • Видимость процессов − активные задачи теперь отображаются в рабочей зоне

  • Снижение формальности − модульный дизайн сделал интерфейс более «живым»


Техническая реализация

  • Сетка построена с расчетом на адаптивность (под десктоп, планшеты, мобильные устройства)

  • Виджеты поддерживают drag-and-drop, изменение размера и группировку

  • Анимации переходов между слоями улучшают UX

Задача

Разработать удобную и функциональную платформу для сотрудников банка, которая объединяет все рабочие процессы, коммуникации и корпоративные новости в одном месте


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

  • отсутствие видимости активных процессов

  • излишняя формальность

  • невозможность кастомизации

Решение

Мы создали многофункциональное приложение, доступное на компьютерах и мобильных устройствах, которое позволяет:

  • Решать рабочие вопросы – быстрый доступ к внутренним сервисам, документам и задачам

  • Общаться с коллегами – встроенный мессенджер, чаты отделов и проектные каналы

  • Следить за событиями и новостями банка – лента корпоративных новостей, анонсы мероприятий и важные объявления

  • Работать из любого места – синхронизация между десктопной и мобильной версиями для комфортной работы вне офиса

Структура интерфейса

Приложение было переработано с учетом многослойной архитектуры, чтобы сохранить баланс между функциональностью и простотой:

  • Верхний слой (навигация)панель приложений с вкладками для быстрого переключения между разделами, доступ к основным инструментам без перегрузки интерфейса

  • Базовый уровень (платформа)настройки системы, управление виджетами и профилем, «фундамент», на котором строится взаимодействие

  • Основной слой (рабочее пространство) динамическая область контента, адаптирующаяся под задачи пользователя, может занимать всю доступную площадь или работать в компактном режиме


Учет пользовательских потребностей

На основе интервью и исследований были внедрены ключевые изменения:

  • Гибкость − виджеты позволяют настраивать интерфейс под индивидуальные нужды

  • Видимость процессов − активные задачи теперь отображаются в рабочей зоне

  • Снижение формальности − модульный дизайн сделал интерфейс более «живым»


Техническая реализация

  • Сетка построена с расчетом на адаптивность (под десктоп, планшеты, мобильные устройства)

  • Виджеты поддерживают drag-and-drop, изменение размера и группировку

  • Анимации переходов между слоями улучшают UX

a cell phone on a table
a cell phone on a table
a cell phone on a table

Решения для главной страницы

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


1. Улучшенная навигация и информативность

  • Универсальная правая панель с виджетами и справочной информацией, доступная с любой страницы

  • Интерактивные счётчики в разделе «Дела», которые:

    • показывают актуальное количество задач

    • позволяют мгновенно перейти к нужной вкладке по клику


2. Удобная работа с избранным

  • Прямой доступ к избранному без перехода на отдельную страницу

  • Возможность управления (удаление элементов) прямо с главной

  • Оптимальное количество − 6 наиболее используемых сервисов, что покрывает потребности большинства


3. Интеллектуальная система рекомендаций

  • Популярные услуги всегда под рукой

  • Группировка услуг в тематические подборки для быстрого доступа к сопутствующим сервисам

  • Персонализация по ролям − система учитывает должность и обязанности пользователя

  • Особое внимание новичкам − помогает быстрее освоиться в системе


Рабочие дела: организация и удобство работы


1. Единое пространство для всех задач

Мы объединили все рабочие дела в едином интерфейсе, чтобы пользователи могли:

  • Видеть все задачи на одной странице без перезагрузки

  • Быстро переключаться между вкладками (входящие, в работе, завершённые и др.)

  • Получать полный обзор своих активностей


2. Удобный просмотр и навигация

Вдохновляясь почтовыми клиентами, мы реализовали:

  • Разделённый экран – список задач + детальная информация при выборе

  • Гибкое отображение – пользователь может менять вид (таблица, карточки, компактный список)

  • Фильтры и сортировка – быстрый поиск по статусу, дате, приоритету и другим параметрам


3. Улучшенный каталог

Для удобной работы с сервисами мы разделили каталог на 3 ключевые зоны:

  1. Древовидная структура – классическая иерархия для привычной навигации

  2. Подборки – тематические группы услуг (например, «Для новых сотрудников», «Срочные задачи»)

  3. Избранное – быстрый доступ к часто используемым разделам


Преимущества нового подхода

  • Экономия времени – не нужно переключаться между страницами

  • Гибкость – каждый может настроить интерфейс под свои нужды

  • Удобство для новичков – понятная структура и подсказки

  • Лучший контроль – фильтры и сортировка помогают управлять задачами

a cell phone leaning on a ledge
a cell phone leaning on a ledge
a cell phone leaning on a ledge
a black cellphone with a white letter on it
a black cellphone with a white letter on it
a black cellphone with a white letter on it

Результаты


Ключевые метрики эффективности

  • Рост +30% скорости выполнения типовых операций с задачами

  • На 40% сократилось время на поиск и переключение между разделами

  • 85% пользователей отметили улучшение удобства работы


Качественные улучшения

  • Упрощение onboarding новых сотрудников

  • Снижение нагрузки на службу поддержки (на 25% меньше обращений по вопросам навигации)

  • Улучшение вовлеченности – пользователи стали чаще работать с системой без переключения на сторонние инструменты


Обратная связь от пользователей

«Теперь все задачи как на ладони – не нужно постоянно переключаться между экранами» (менеджер проекта)
«Фильтры и сортировка экономят мне минимум час в день» (руководитель отдела)
«Как новичку, мне было очень легко разобраться, где что находится»  (стажер)


Бизнес-эффект

  • Ускорение workflow между отделами

  • Рост производительности на операционных процессах

  • Улучшение адаптации новых сотрудников

Результаты


Ключевые метрики эффективности

  • Рост +30% скорости выполнения типовых операций с задачами

  • На 40% сократилось время на поиск и переключение между разделами

  • 85% пользователей отметили улучшение удобства работы


Качественные улучшения

  • Упрощение onboarding новых сотрудников

  • Снижение нагрузки на службу поддержки (на 25% меньше обращений по вопросам навигации)

  • Улучшение вовлеченности – пользователи стали чаще работать с системой без переключения на сторонние инструменты


Обратная связь от пользователей

«Теперь все задачи как на ладони – не нужно постоянно переключаться между экранами» (менеджер проекта)
«Фильтры и сортировка экономят мне минимум час в день» (руководитель отдела)
«Как новичку, мне было очень легко разобраться, где что находится»  (стажер)


Бизнес-эффект

  • Ускорение workflow между отделами

  • Рост производительности на операционных процессах

  • Улучшение адаптации новых сотрудников

Другие проекты

Күннэй Захарова

Күннэй Захарова

Күннэй Захарова