СКСР

СКСР: Корпоративный портал для сотрудников

СКСР: Корпоративный портал для сотрудников

СКСР: Корпоративный портал для сотрудников

СКСР: Корпоративный портал для сотрудников

  • Дашборд сотрудника

  • Задачи и Проекты

  • Календарь и Уведомления

  • Чаты и База знаний

  • Профили и Достижения

  • Дашборд сотрудника

  • Задачи и Проекты

  • Календарь и Уведомления

  • Чаты и База знаний

  • Профили и Достижения

  • Дашборд сотрудника

  • Задачи и Проекты

  • Календарь и Уведомления

  • Чаты и База знаний

  • Профили и Достижения

  • Дашборд сотрудника

  • Задачи и Проекты

  • Календарь и Уведомления

  • Чаты и База знаний

  • Профили и Достижения

Дизайн-концепт

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


Стартовая страница

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


Альтернативная навигация

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


Профиль сотрудника

В профиле сотрудника сделали свою навигацию по внутренним разделам на привычном и интуитивно понятным месте. Добавили колонку с важными виджетами справа.


Быстрые диалоги

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


Мобильная версия

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


Тёмная тема

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


Альтернативный вариант

Так как дизайн собран на компонентах и переменных в Figma, создание тёмной темы занимает всего пару дней. Системный подход ускоряет не только создание тёмной темы, но и сборку макетов для масштабирования проекта в будущем.


Палитра и точки контраста

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


Типографика проекта

Использовали бесплатные шрифты от Google, который хорошо подходит для веб-приложений, оптимизирован для больших текстов. Сделали наборы начертаний под разные размеры экрана, чтобы размер текста адаптировался по ширине экрана.


UI-kit

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

Дизайн-концепт

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


Стартовая страница

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


Альтернативная навигация

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


Профиль сотрудника

В профиле сотрудника сделали свою навигацию по внутренним разделам на привычном и интуитивно понятным месте. Добавили колонку с важными виджетами справа.


Быстрые диалоги

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


Мобильная версия

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


Тёмная тема

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


Альтернативный вариант

Так как дизайн собран на компонентах и переменных в Figma, создание тёмной темы занимает всего пару дней. Системный подход ускоряет не только создание тёмной темы, но и сборку макетов для масштабирования проекта в будущем.


Палитра и точки контраста

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


Типографика проекта

Использовали бесплатные шрифты от Google, который хорошо подходит для веб-приложений, оптимизирован для больших текстов. Сделали наборы начертаний под разные размеры экрана, чтобы размер текста адаптировался по ширине экрана.


UI-kit

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

Дизайн-концепт

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


Стартовая страница

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


Альтернативная навигация

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


Профиль сотрудника

В профиле сотрудника сделали свою навигацию по внутренним разделам на привычном и интуитивно понятным месте. Добавили колонку с важными виджетами справа.


Быстрые диалоги

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


Мобильная версия

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


Тёмная тема

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


Альтернативный вариант

Так как дизайн собран на компонентах и переменных в Figma, создание тёмной темы занимает всего пару дней. Системный подход ускоряет не только создание тёмной темы, но и сборку макетов для масштабирования проекта в будущем.


Палитра и точки контраста

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


Типографика проекта

Использовали бесплатные шрифты от Google, который хорошо подходит для веб-приложений, оптимизирован для больших текстов. Сделали наборы начертаний под разные размеры экрана, чтобы размер текста адаптировался по ширине экрана.


UI-kit

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

Дизайн-концепт

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


Стартовая страница

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


Альтернативная навигация

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


Профиль сотрудника

В профиле сотрудника сделали свою навигацию по внутренним разделам на привычном и интуитивно понятным месте. Добавили колонку с важными виджетами справа.


Быстрые диалоги

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


Мобильная версия

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


Тёмная тема

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


Альтернативный вариант

Так как дизайн собран на компонентах и переменных в Figma, создание тёмной темы занимает всего пару дней. Системный подход ускоряет не только создание тёмной темы, но и сборку макетов для масштабирования проекта в будущем.


Палитра и точки контраста

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


Типографика проекта

Использовали бесплатные шрифты от Google, который хорошо подходит для веб-приложений, оптимизирован для больших текстов. Сделали наборы начертаний под разные размеры экрана, чтобы размер текста адаптировался по ширине экрана.


UI-kit

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

В результате:

Сделали необходимые предпроектные работы. Согласовали дизайн-концепт, подготовили проект к разработке. За счёт аккуратной организации проекта в Figma, у команды разработки возникает меньше вопросов, нам проще и быстрее вносить изменения в дизайн.

Ещё кейсы:

SPAR
Biocad
Senior Group
Moscow Digital School
TRNR

и ещё 25+ компаний заказывали у нас дизайн интерфейсов

и ещё 25+ компаний заказывали у нас дизайн интерфейсов

Системный подход к дизайну

Мы 6 лет проектируем сайты и приложения для стартапов. Умеем и любим работать со сложными проектами.

Системный подход к дизайну

Мы 6 лет проектируем сайты и приложения для стартапов. Умеем и любим работать со сложными проектами.

Системный подход к дизайну

Мы 6 лет проектируем сайты и приложения для стартапов. Умеем и любим работать со сложными проектами.