HR Key

Мобильный корпоративный портал

HR Key — мобильное приложение, предназначенное для предоставления доступа к корпоративной информации (новости, телефонный справочник, некоторые сервисы) преимущественно для удалённых сотрудников, имеющих ограниченную учетную запись в компании.

Основная проблема клиента — большое количество удалённых сотрудников, не имеющих постоянного рабочего места, при этом, численность сотрудников компании составляет более 5 тысяч человек

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

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

На основании сценариев действий пользователя в веб-портале компании отрисовали упрощённый и оптимально адаптированный под мобильное приложение User Flow

По спроектированному User Flow отрисовали вайрфреймы будущего приложения и создали функциональный прототип

Более 70 уникальных экранов

Далее определились со стилем проекта, опираясь на брендбук компании. Отрисовали иконку приложения и выбрали цветовую гамму. После утверждения дизайн-концепции создали UI Kit

hex: #2A2D39
rgb: 42, 45, 57

Цветовая палитра

Background

Подготовили UI Kit: отрисовали все компоненты проекта в разных состояниях

На основании дизайн-концепции и функционального прототипа создали дизайн для каждого раздела приложения, настроили интерактивный прототип и адаптировали экраны под Android

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

Реализовали привычный паттерн авторизации по логину и паролю. После успешного входа отобразили персонализированное приветствие пользователя

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

Приветствие после авторизации

Экран загрузки новостей

Главный экран после авторизации

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

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

Возможность выбрать должность

Сообщение об изменении данных

Если сотрудник работает на нескольких должностях, он может выбрать нужный вариант из выпадающего списка во вкладке «Должность»

Профиль пользователя

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

Процесс подачи идеи

Процесс заказа справки
2-НДФЛ

Список отправленных запросов

Список сервисов

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

Професс подачи идеи

Процесс заказа справки
2-НДФЛ

Список отправленных запросов

Список сервисов

Неуспешный поиск

Перечень сотрудников отдела

Следующим шагом адаптировали все экраны и состояния приложения для Android в соответствии с гайдлайном Material Design