Producation
Producation: Образовательная платформа для психологов
Producation: Образовательная платформа для психологов
Producation: Образовательная платформа для психологов
Producation: Образовательная платформа для психологов
Конструктор курсов и уроков
Аналитика по финансам и обучению
7 видов уроков + итоговые тесты
Оплата курсов и выплаты авторам
Тикетная система поддержки
Конструктор курсов и уроков
Аналитика по финансам и обучению
7 видов уроков + итоговые тесты
Оплата курсов и выплаты авторам
Тикетная система поддержки
Конструктор курсов и уроков
Аналитика по финансам и обучению
7 видов уроков + итоговые тесты
Оплата курсов и выплаты авторам
Тикетная система поддержки
Конструктор курсов и уроков
Аналитика по финансам и обучению
7 видов уроков + итоговые тесты
Оплата курсов и выплаты авторам
Тикетная система поддержки
Сценарии и блок-семы
Начали работу с того, что определили список ролей пользователей. По каждой роли определили список функционала. На блок-схемах согласовали пользовательские сценарии под каждую роль. Таким образом, определили общие границы проекта.
Прототипы интерфейса
Когда было общее понимание логики работы платформы и функционал пользователя, сделали черновые прототипы интерфейса. Прототипы для каждой роли: гость, слушатель, преподаватель, админ, контент-менеджер. Также сделали прототипы мобильных версий.
ACL-политики
Чтобы заложить правильную архитектуру приложения, в процессе согласования требований определили правила разграничения доступа к разделам для разных ролей пользователей — в наглядной таблице. ACL будут использованы командой разработки при проектировании.
Цветовая палитра
Создали цветовую палитру проекта с учётом контрастности, определили набор используемых оттенков для консистентности цветов в проекте.
Состояния UI компонентов
Предусмотрели необходимые состояния основных UI элементов, чтобы у фронтенд-разработчиков не было вопросов, как должен вести себя интерфейс пользователя в той или иной ситуации.
UI-kit
Мы системно подходим к дизайну, поэтому во всех проектах делаем необходимые UI компоненты, которые переиспользуются при доработки и масштабировании проекта. Использование компонентов и вариантов также ускоряет команду разработки.
Типографика
Определили подходящую шрифтовую пару для заголовков, составили правила типографики для разных размеров экрана, с учётом адаптивности.
Макеты в Figma
Сделали макеты страниц по согласованным прототипам для публичной части. Использовали согласованные наработки: прототипы интерфейса, цветовую палитру, типографику.
Публичная часть
В публичной части реализован каталог курсов с фильтрацией. На странице курса расставлены цветовые акценты на целевых действиях.
Дизайн личного кабинета
ЛК предназначен для регулярного использования, учтены привычные паттерны поведения пользователей и привычное расположение элементов для интуитивного восприятия.
Дизайн E-mail уведомлений
Провели работу с текстами, предусмотрели системные ошибки, уведомления и шаблоны email-писем.
Сертификаты об обучении
Сделали дизайн сертификата о прохождении обучения, который генерируется при достижении 100% прохождения курса.
Сценарии и блок-семы
Начали работу с того, что определили список ролей пользователей. По каждой роли определили список функционала. На блок-схемах согласовали пользовательские сценарии под каждую роль. Таким образом, определили общие границы проекта.
Прототипы интерфейса
Когда было общее понимание логики работы платформы и функционал пользователя, сделали черновые прототипы интерфейса. Прототипы для каждой роли: гость, слушатель, преподаватель, админ, контент-менеджер. Также сделали прототипы мобильных версий.
ACL-политики
Чтобы заложить правильную архитектуру приложения, в процессе согласования требований определили правила разграничения доступа к разделам для разных ролей пользователей — в наглядной таблице. ACL будут использованы командой разработки при проектировании.
Цветовая палитра
Создали цветовую палитру проекта с учётом контрастности, определили набор используемых оттенков для консистентности цветов в проекте.
Состояния UI компонентов
Предусмотрели необходимые состояния основных UI элементов, чтобы у фронтенд-разработчиков не было вопросов, как должен вести себя интерфейс пользователя в той или иной ситуации.
UI-kit
Мы системно подходим к дизайну, поэтому во всех проектах делаем необходимые UI компоненты, которые переиспользуются при доработки и масштабировании проекта. Использование компонентов и вариантов также ускоряет команду разработки.
Типографика
Определили подходящую шрифтовую пару для заголовков, составили правила типографики для разных размеров экрана, с учётом адаптивности.
Макеты в Figma
Сделали макеты страниц по согласованным прототипам для публичной части. Использовали согласованные наработки: прототипы интерфейса, цветовую палитру, типографику.
Публичная часть
В публичной части реализован каталог курсов с фильтрацией. На странице курса расставлены цветовые акценты на целевых действиях.
Дизайн личного кабинета
ЛК предназначен для регулярного использования, учтены привычные паттерны поведения пользователей и привычное расположение элементов для интуитивного восприятия.
Дизайн E-mail уведомлений
Провели работу с текстами, предусмотрели системные ошибки, уведомления и шаблоны email-писем.
Сертификаты об обучении
Сделали дизайн сертификата о прохождении обучения, который генерируется при достижении 100% прохождения курса.
Сценарии и блок-семы
Начали работу с того, что определили список ролей пользователей. По каждой роли определили список функционала. На блок-схемах согласовали пользовательские сценарии под каждую роль. Таким образом, определили общие границы проекта.
Прототипы интерфейса
Когда было общее понимание логики работы платформы и функционал пользователя, сделали черновые прототипы интерфейса. Прототипы для каждой роли: гость, слушатель, преподаватель, админ, контент-менеджер. Также сделали прототипы мобильных версий.
ACL-политики
Чтобы заложить правильную архитектуру приложения, в процессе согласования требований определили правила разграничения доступа к разделам для разных ролей пользователей — в наглядной таблице. ACL будут использованы командой разработки при проектировании.
Цветовая палитра
Создали цветовую палитру проекта с учётом контрастности, определили набор используемых оттенков для консистентности цветов в проекте.
Состояния UI компонентов
Предусмотрели необходимые состояния основных UI элементов, чтобы у фронтенд-разработчиков не было вопросов, как должен вести себя интерфейс пользователя в той или иной ситуации.
UI-kit
Мы системно подходим к дизайну, поэтому во всех проектах делаем необходимые UI компоненты, которые переиспользуются при доработки и масштабировании проекта. Использование компонентов и вариантов также ускоряет команду разработки.
Типографика
Определили подходящую шрифтовую пару для заголовков, составили правила типографики для разных размеров экрана, с учётом адаптивности.
Макеты в Figma
Сделали макеты страниц по согласованным прототипам для публичной части. Использовали согласованные наработки: прототипы интерфейса, цветовую палитру, типографику.
Публичная часть
В публичной части реализован каталог курсов с фильтрацией. На странице курса расставлены цветовые акценты на целевых действиях.
Дизайн личного кабинета
ЛК предназначен для регулярного использования, учтены привычные паттерны поведения пользователей и привычное расположение элементов для интуитивного восприятия.
Дизайн E-mail уведомлений
Провели работу с текстами, предусмотрели системные ошибки, уведомления и шаблоны email-писем.
Сертификаты об обучении
Сделали дизайн сертификата о прохождении обучения, который генерируется при достижении 100% прохождения курса.
Сценарии и блок-семы
Начали работу с того, что определили список ролей пользователей. По каждой роли определили список функционала. На блок-схемах согласовали пользовательские сценарии под каждую роль. Таким образом, определили общие границы проекта.
Прототипы интерфейса
Когда было общее понимание логики работы платформы и функционал пользователя, сделали черновые прототипы интерфейса. Прототипы для каждой роли: гость, слушатель, преподаватель, админ, контент-менеджер. Также сделали прототипы мобильных версий.
ACL-политики
Чтобы заложить правильную архитектуру приложения, в процессе согласования требований определили правила разграничения доступа к разделам для разных ролей пользователей — в наглядной таблице. ACL будут использованы командой разработки при проектировании.
Цветовая палитра
Создали цветовую палитру проекта с учётом контрастности, определили набор используемых оттенков для консистентности цветов в проекте.
Состояния UI компонентов
Предусмотрели необходимые состояния основных UI элементов, чтобы у фронтенд-разработчиков не было вопросов, как должен вести себя интерфейс пользователя в той или иной ситуации.
UI-kit
Мы системно подходим к дизайну, поэтому во всех проектах делаем необходимые UI компоненты, которые переиспользуются при доработки и масштабировании проекта. Использование компонентов и вариантов также ускоряет команду разработки.
Типографика
Определили подходящую шрифтовую пару для заголовков, составили правила типографики для разных размеров экрана, с учётом адаптивности.
Макеты в Figma
Сделали макеты страниц по согласованным прототипам для публичной части. Использовали согласованные наработки: прототипы интерфейса, цветовую палитру, типографику.
Публичная часть
В публичной части реализован каталог курсов с фильтрацией. На странице курса расставлены цветовые акценты на целевых действиях.
Дизайн личного кабинета
ЛК предназначен для регулярного использования, учтены привычные паттерны поведения пользователей и привычное расположение элементов для интуитивного восприятия.
Дизайн E-mail уведомлений
Провели работу с текстами, предусмотрели системные ошибки, уведомления и шаблоны email-писем.
Сертификаты об обучении
Сделали дизайн сертификата о прохождении обучения, который генерируется при достижении 100% прохождения курса.
