Разработали адаптивную версию кабинета сотрудника от телефона до огромного телевизора

Вводные

К нам обратилась «Брусника» — компания, где внутренние цифровые сервисы так же важны, как и внешние. Их «кабинет сотрудника» был мощным и рабочим инструментом, но у него был один фатальный недостаток. И у компании была очень практичная, но амбициозная цель: освободить их главный внутренний сервис и сделать его доступным абсолютно на любом устройстве.

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

Мы диагностировали два ключевых симптома:

Привязка к рабочему столу. Сотрудники не могли получить доступ к своим задачам или информации с телефона или планшета. Инструмент, который должен был помогать, был доступен только в офисе, что тормозило гибкую и современную работу.

«Слепая зона» на презентациях. Показать кабинет на большом экране в переговорной было невозможно. Это была упущенная возможность использовать свой же мощный инструмент для планерок и презентаций.

По сути, самый важный внутренний сервис был «заперт» в рамках десктопа, превратившись из помощника в цифровой якорь.

Наша миссия была не просто «сделать адаптивную верстку». Мы должны были перепроектировать весь интерфейс так, чтобы он стал по-настоястоящему универсальным.

Процесс

–Работать безупречно на смартфоне в руке у сотрудника

–Выглядеть идеально на планшете на встрече

–Впечатлять на огромном экране в переговорной

Мы подошли к задаче не как верстальщики, а как проектировщики гибких систем. Нам нужно было не просто «сжать» десктоп, а пересобрать его на новом фундаменте.

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

Проектирование под «крайние случаи». Мы одновременно проектировали опыт для самого маленького экрана (смартфон) и самого большого (ТВ). Это позволило нам создать по-настоящему универсальную систему, которая отлично работает и на всех промежуточных вариантах.

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

На практике это, казалось бы, техническое улучшение полностью изменило то, как сотрудники и руководство взаимодействуют со своим главным внутренним сервисом.

Свобода для сотрудников. Люди начали активно пользоваться кабинетом с телефонов и планшетов, решая рабочие вопросы на ходу, на встречах, вне офиса.

Новый инструмент для презентаций. Руководство начало выводить кабинет на большие экраны в переговорных, используя его для планерок и демонстраций.

Единый стандарт для всех. Теперь неважно, с какого устройства заходит сотрудник, — он всегда получает одинаково качественный и удобный опыт.

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