цифровые экосистемы
Web-портал
для сотрудников компании
для сотрудников компании
UX/UI design
Создать с нуля корпоративный портал для внутреннего пользования сотрудниками компании Цифровые экосистемы, резидент новосибирского Технопарка Академгородка.
Задача
Решение
Результатом всего стал полноценный сервис где можно почитать последние новости компании, достижения команд (дизайн, разработка, маркетинг и т.д.
Так же можно отслеживать свои задачи (интеграция с сервисом Jira) и посмотреть календарь отпусков, кадровую документацию (заявления, служебки); бронирование комнат для встреч и обсуждений проектов.
Кроме этого былы реализована интеграция с биометрической системой защиты информации и учета рабочего времени BIOSMART, основанная на технологиях идентификации человека по отпечаткам пальцев.
Так же можно отслеживать свои задачи (интеграция с сервисом Jira) и посмотреть календарь отпусков, кадровую документацию (заявления, служебки); бронирование комнат для встреч и обсуждений проектов.
Кроме этого былы реализована интеграция с биометрической системой защиты информации и учета рабочего времени BIOSMART, основанная на технологиях идентификации человека по отпечаткам пальцев.
Главная страница
Главный баннер
2
Фото события/новости с заголовком
Новостной блок
3
Новости за прошедший период
4
Тематические блоги с фильтрацией по тегу
Блоги компании
5
Виджеты
6
Уведомления
Навигация портала
1
Простите...
Посмотреть структуру сайта можно на девайсах с чуть большим размером экрана
ПЫ.СЫ.: Если это планшет — попробуйте перевернуть,
100% поможет
Главная страница и профиль сотрудника
Профиль сотрудника
Заказ обеда
2
С выбором кафе и историей заказов
Календарь отпусков
3
4
Для обсуждения проектов и переговоров
Бронирование комнат
5
Наименование оборудования
Отслеживание своего рабочего времени
1
Простите...
Посмотреть структуру сайта можно на девайсах с чуть большим размером экрана
ПЫ.СЫ.: Если это планшет — попробуйте перевернуть,
100% поможет
Закрепленное за сотрудником
Остальные страницы
Простите...
Посмотреть структуру сайта можно на девайсах с чуть большим размером экрана
ПЫ.СЫ.: Если это планшет — попробуйте перевернуть,
100% поможет
Дизайн-система
Черный
#222226
Синий иней
#CEE3FA
Красный
#FF576C
Голубой
#5EADFF
Серый
#7A7A7D
Любой сайт нуждается в системе. Модульность всей дизайн-системы и был основным принципом при создании портала.
Создание отдельных компонентов делает работу фазы реализации и поддержки всего проекта более удобной.
Создание отдельных компонентов делает работу фазы реализации и поддержки всего проекта более удобной.
Типографика и цвет
Белый
#FFFFFF
Сетка
Example of 1440 px screen (MacBook Pro)
Columns with wrapper ≥1200 px
Brakepoint with wrapper <480 px
Example of 375 px screen (iPhone)
Adapted columns with wrapper <1200 px
Example of 1024 px screen (Laptop)
