HR Key

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

Problem

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

Мы создали HR Key — сервис, решающий любые проблемы сотрудников и работодателей

About

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

Proccess

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

User Flow

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

Wireframes

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

Style

Далее определились со стилем проекта, опираясь на брендбук компании. Отрисовали иконку приложения и выбрали цветовую гамму. После утверждения дизайн-концепции создали UI Kit
hex: #2A2D39
rgb: 42, 45, 57
Background
Цветовая палитра

UI Kit

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

Design

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

Возможность ограниченного
взаимодействия без авторизации

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

Вход в приложение по корпоративной почте и паролю, выданному администратором

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

Экран для навигации
по функционалу приложения

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

Новостная лента компании

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

Личный кабинет сотрудника

В свой профиль сотрудник может попасть с главного экрана приложения. Данные в профиле разделили на категории: личные, организационные и контактные данные
Возможность выбрать должность
Сообщение об изменении данных
Если сотрудник работает на нескольких должностях, он может выбрать нужный вариант из выпадающего списка во вкладке «Должность»
Профиль пользователя

Сервисы сотрудника

Бухгалтерские и кадровые сервисы разместили в отдельном разделе. Получение справки любого вида полностью автоматизировано: пользователь заполняет нужные поля и ожидает электронный вид документа на почту
Процесс подачи идеи
Процесс заказа справки
2-НДФЛ
Список отправленных запросов
Список сервисов

Электронный справочник

Отдельным разделом вынесли справочник с данными коллег: имя, фотография, полное название должности, номера телефонов, электронная почта, а также номера кабинетов сотрудников, работающих из офиса
Професс подачи идеи
Процесс заказа справки
2-НДФЛ
Список отправленных запросов
Список сервисов
Неуспешный поиск
Перечень сотрудников отдела

Android

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