Digital-разработка

Корпоративный портал

для «Инфосистемы Джет»

Задача

Обновление дизайна для внутрикорпоративного портала системного интегратора

Объем по проекту

> 1 000 часов

Срок проекта

1 год и по наст. вр.

Технологический стек решения

HTML
CSS
JS

Над проектом работали

Менеджер
Арт-директор
Дизайнер
Frontend-разработчик х2
QA
TL
Посетить сайт

Digital-разработка

Корпоративный портал

для «Инфосистемы Джет»

Задача

Обновление дизайна для внутрикорпоративного портала системного интегратора

Объем по проекту

> 1 000 часов

Срок проекта

1 год и по наст. вр.

Технологический стек решения

HTML
CSS
JS

Над проектом работали

Менеджер
Арт-директор
Дизайнер
Frontend-разработчик х2
QA
TL
Посетить сайт
01
О клиенте

«Инфосистемы Jet» — лидер на рынке сетевого консалтинга и интеграции, входит в десятку крупнейших IT-компаний России. Ежегодно «Jet» реализует более тысячи крупных IT-проектов в сферах промышленности, энергетики, финансов для таких клиентов как НЛМК, Норникель, Росбанк. Штат компании насчитывает 1800 сотрудников.

02
Запрос клиента

На тот момент перед компанией стояла глобальная цель — повысить производительность процессов через оптимизацию взаимодействия между сотрудниками и отделами.


К нам, в Hawking Bros, «Jet» обратились за конкретной задачей — сделать редизайн сервиса.
Команда Jet реализовывала серверную часть самостоятельно и передавала нам требования к фронтенд-архитектуре.

Арсений Анатольев
Менеджер проектов
Для такой крупной компании как «Инфосистемы Jet» особенно остро стоит вопрос внутрикорпоративного взаимодействия как на уровне отдел-отдел (подразделение-подразделение), так и на уровне сотрудник-сотрудник или сотрудник-компания.
Для этого важно объединить все HR-процессы – это и календари отпусков, больничные, онбординг и обучение — в единой удобной платформе и превратить ее в основной инструмент коммуникации между сотрудниками. Интуитивно понятный дизайн, учитывающий потребности всех типов пользователей, способен облегчить выполнение ежедневных задач.

Вот так стала выглядеть страница “Календарь мероприятий” после редизайна

Обновленный дизайн страницы “бронирование переговорных”

Проанализировав задачу, мы сформировали
требования к разработке нового дизайна:

01
Интуитивно понятный
интерфейс
02
Гармоничное сочетание множества доступных функций и сервисов
03
Скорость взаимодействия между сотрудниками и отделами

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

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

У вас есть свой проект? Давайте обсудим

Форма успешно отправлена.
Нажимая "Отправить" Вы соглашаетесь с Политикой обработки персональных данных
03
Реализация

Работа над проектом проходила в несколько этапов.

Прототипирование и дизайн основных страниц

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

В UI-кит вошли тексты, цветовая схема, поля ввода и их состояния, типовые блоки

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

Прототипирование и дизайн страниц корпоративного портала

На этом этапе мы пришли к обновлению страниц портала. Изначально команда “Jet” попросила сдавать для обсуждения и приемки полностью готовый проект. Мы увидели в этом риски и на старте аргументировали другое решение — разделить приемку проекта на несколько этапов, дробя весь портал на разделы. Такой подход ускоряет внесение правок и позволяет двигаться по проекту быстрее. У нас получилось 6 разделов, в каждом из которых было от 4 до 13 страниц.


Процесс происходил так: мы изучали требования аналитиков → отрисовывали обозначенный в ТЗ пул страниц → обсуждали с командой Jet → фиксировали завершение этапа → переходили к следующему набору страниц. Всего на редизайн, тестирование и согласования редизайна портала ушло 4 месяца.

Прототипы страниц сервиса

Интерактивные прототипы

Вёрстка и тестирование страниц портала

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

В качестве материалов, фиксирующих результаты тестирования, были составлены:
Таблица с перечнем страниц, со ссылками на вёрстку на действующей площадке и скриншотами соответствия вёрстки макетам;
Чек-лист соответствия критериям приемки Frontend;
Баг-лист процесса тестирования и отладки со скриншотами и видео-кейсами наличия ошибок и результата их исправления.

Артак Алексанян
QA-инженер
Перед сдачей работ мы должны убедиться, что все страницы и элементы функционируют как указано в документации. Поэтому мы провели подробное тестирование спецификаций, UI, удобства пользования, тестирование на соответствие с макетом.Такая дотошность с нашей стороны позволяет сдать проект с минимумом багов, что также сокращает сроки отладки и приема работ.
04
Результат

За 4 месяца мы обновили весь внутрикорпоративный портал «Инфосистемы Jet». Редизайн позволил оптимизировать документооборот и взаимодействие между отделами. Благодаря этому сотрудники компании – непосредственные пользователи – находятся в едином информационном поле, что сокращает время на этапах решения внутренних задач и увеличивает динамику процессов.

Арсений Анатольев
Менеджер проектов
Взаимодействие команд с обеих сторон проходило в комфортном режиме и включало проведение еженедельных встреч. Мы обсуждали текущие вопросы по задачам, учитывали пожелания и комментарии «Jet».
Если вы испытываете потребность в оптимизации процессов, или если вам нужно наладить взаимодействие большого количества сотрудников, мы готовы обсудить ваш вопрос.
Форма успешно отправлена.
Свяжитесь с нами
Нажимая "Отправить" Вы соглашаетесь с Политикой обработки персональных данных