Producation

Producation: Образовательная платформа для психологов

Producation: Образовательная платформа для психологов

Producation: Образовательная платформа для психологов

Producation: Образовательная платформа для психологов

  • Конструктор курсов и уроков

  • Аналитика по финансам и обучению

  • 7 видов уроков + итоговые тесты

  • Оплата курсов и выплаты авторам

  • Тикетная система поддержки

  • Конструктор курсов и уроков

  • Аналитика по финансам и обучению

  • 7 видов уроков + итоговые тесты

  • Оплата курсов и выплаты авторам

  • Тикетная система поддержки

  • Конструктор курсов и уроков

  • Аналитика по финансам и обучению

  • 7 видов уроков + итоговые тесты

  • Оплата курсов и выплаты авторам

  • Тикетная система поддержки

  • Конструктор курсов и уроков

  • Аналитика по финансам и обучению

  • 7 видов уроков + итоговые тесты

  • Оплата курсов и выплаты авторам

  • Тикетная система поддержки

Публичная часть

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

Публичная часть


Каталог курсов

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

Каталог курсов


Страница курса

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

Страница курса


Регистрация пользователей

При оплате курса пользователь "по пути" создаёт учётную запись. Все преподаватели обязательно прикрепляют подтверждающие документы и проходят ручную модерацию.

Регистрация пользователей


Личный кабинет

ЛК предназначен для регулярного использования, учтены привычные паттерны поведения пользователей и привычное расположение элементов для интуитивного восприятия.

Личный кабинет


Управление курсами

Таблицы — удобное представление для списка курсов, пользователей, уроков в библиотеке. Каждый элемент имеет контекстное меню операций над ним: изменить, удалить, архивировать. По таблицам предусмотрены поиск, фильтрация и навигация по страницам.

Управление курсами


Конструктор уроков

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

Конструктор уроков


Учебные группы

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

Учебные группы


Состояния интерфейса

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

Состояния интерфейса


Логика и блок-семы

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

Логика и блок-семы


Прототипы интерфейса

Когда было общее понимание логики работы платформы и функционал пользователя, сделали черновые прототипы интерфейса. Прототипы для каждой роли: гость, слушатель, преподаватель, админ, контент-менеджер. Также сделали прототипы мобильных версий.

Прототипы интерфейса


ACL-политики

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

ACL-политики


Цветовая палитра

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

Цветовая палитра


Состояния UI компонентов

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

Состояния UI компонентов


UI-kit

Мы системно подходим к дизайну, поэтому во всех проектах делаем необходимые UI компоненты, которые переиспользуются при доработки и масштабировании проекта. Использование компонентов и вариантов также ускоряет команду разработки.

UI-kit


Типографика

Определили подходящую шрифтовую пару для заголовков, составили правила типографики для разных размеров экрана, с учётом адаптивности.

Типографика


Дизайн E-mail уведомлений

Провели работу с текстами, предусмотрели системные ошибки, уведомления и шаблоны email-писем.

Дизайн E-mail уведомлений


Сертификаты об обучении

Сделали дизайн сертификата о прохождении обучения, который генерируется при достижении 100% прохождения курса.

Сертификаты об обучении

Публичная часть

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

Публичная часть


Каталог курсов

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

Каталог курсов


Страница курса

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

Страница курса


Регистрация пользователей

При оплате курса пользователь "по пути" создаёт учётную запись. Все преподаватели обязательно прикрепляют подтверждающие документы и проходят ручную модерацию.

Регистрация пользователей


Личный кабинет

ЛК предназначен для регулярного использования, учтены привычные паттерны поведения пользователей и привычное расположение элементов для интуитивного восприятия.

Личный кабинет


Управление курсами

Таблицы — удобное представление для списка курсов, пользователей, уроков в библиотеке. Каждый элемент имеет контекстное меню операций над ним: изменить, удалить, архивировать. По таблицам предусмотрены поиск, фильтрация и навигация по страницам.

Управление курсами


Конструктор уроков

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

Конструктор уроков


Учебные группы

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

Учебные группы


Состояния интерфейса

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

Состояния интерфейса


Логика и блок-семы

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

Логика и блок-семы


Прототипы интерфейса

Когда было общее понимание логики работы платформы и функционал пользователя, сделали черновые прототипы интерфейса. Прототипы для каждой роли: гость, слушатель, преподаватель, админ, контент-менеджер. Также сделали прототипы мобильных версий.

Прототипы интерфейса


ACL-политики

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

ACL-политики


Цветовая палитра

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

Цветовая палитра


Состояния UI компонентов

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

Состояния UI компонентов


UI-kit

Мы системно подходим к дизайну, поэтому во всех проектах делаем необходимые UI компоненты, которые переиспользуются при доработки и масштабировании проекта. Использование компонентов и вариантов также ускоряет команду разработки.

UI-kit


Типографика

Определили подходящую шрифтовую пару для заголовков, составили правила типографики для разных размеров экрана, с учётом адаптивности.

Типографика


Дизайн E-mail уведомлений

Провели работу с текстами, предусмотрели системные ошибки, уведомления и шаблоны email-писем.

Дизайн E-mail уведомлений


Сертификаты об обучении

Сделали дизайн сертификата о прохождении обучения, который генерируется при достижении 100% прохождения курса.

Сертификаты об обучении

Публичная часть

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

Публичная часть


Каталог курсов

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

Каталог курсов


Страница курса

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

Страница курса


Регистрация пользователей

При оплате курса пользователь "по пути" создаёт учётную запись. Все преподаватели обязательно прикрепляют подтверждающие документы и проходят ручную модерацию.

Регистрация пользователей


Личный кабинет

ЛК предназначен для регулярного использования, учтены привычные паттерны поведения пользователей и привычное расположение элементов для интуитивного восприятия.

Личный кабинет


Управление курсами

Таблицы — удобное представление для списка курсов, пользователей, уроков в библиотеке. Каждый элемент имеет контекстное меню операций над ним: изменить, удалить, архивировать. По таблицам предусмотрены поиск, фильтрация и навигация по страницам.

Управление курсами


Конструктор уроков

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

Конструктор уроков


Учебные группы

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

Учебные группы


Состояния интерфейса

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

Состояния интерфейса


Логика и блок-семы

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

Логика и блок-семы


Прототипы интерфейса

Когда было общее понимание логики работы платформы и функционал пользователя, сделали черновые прототипы интерфейса. Прототипы для каждой роли: гость, слушатель, преподаватель, админ, контент-менеджер. Также сделали прототипы мобильных версий.

Прототипы интерфейса


ACL-политики

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

ACL-политики


Цветовая палитра

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

Цветовая палитра


Состояния UI компонентов

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

Состояния UI компонентов


UI-kit

Мы системно подходим к дизайну, поэтому во всех проектах делаем необходимые UI компоненты, которые переиспользуются при доработки и масштабировании проекта. Использование компонентов и вариантов также ускоряет команду разработки.

UI-kit


Типографика

Определили подходящую шрифтовую пару для заголовков, составили правила типографики для разных размеров экрана, с учётом адаптивности.

Типографика


Дизайн E-mail уведомлений

Провели работу с текстами, предусмотрели системные ошибки, уведомления и шаблоны email-писем.

Дизайн E-mail уведомлений


Сертификаты об обучении

Сделали дизайн сертификата о прохождении обучения, который генерируется при достижении 100% прохождения курса.

Сертификаты об обучении

Публичная часть

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

Публичная часть


Каталог курсов

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

Каталог курсов


Страница курса

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

Страница курса


Регистрация пользователей

При оплате курса пользователь "по пути" создаёт учётную запись. Все преподаватели обязательно прикрепляют подтверждающие документы и проходят ручную модерацию.

Регистрация пользователей


Личный кабинет

ЛК предназначен для регулярного использования, учтены привычные паттерны поведения пользователей и привычное расположение элементов для интуитивного восприятия.

Личный кабинет


Управление курсами

Таблицы — удобное представление для списка курсов, пользователей, уроков в библиотеке. Каждый элемент имеет контекстное меню операций над ним: изменить, удалить, архивировать. По таблицам предусмотрены поиск, фильтрация и навигация по страницам.

Управление курсами


Конструктор уроков

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

Конструктор уроков


Учебные группы

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

Учебные группы


Состояния интерфейса

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

Состояния интерфейса


Логика и блок-семы

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

Логика и блок-семы


Прототипы интерфейса

Когда было общее понимание логики работы платформы и функционал пользователя, сделали черновые прототипы интерфейса. Прототипы для каждой роли: гость, слушатель, преподаватель, админ, контент-менеджер. Также сделали прототипы мобильных версий.

Прототипы интерфейса


ACL-политики

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

ACL-политики


Цветовая палитра

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

Цветовая палитра


Состояния UI компонентов

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

Состояния UI компонентов


UI-kit

Мы системно подходим к дизайну, поэтому во всех проектах делаем необходимые UI компоненты, которые переиспользуются при доработки и масштабировании проекта. Использование компонентов и вариантов также ускоряет команду разработки.

UI-kit


Типографика

Определили подходящую шрифтовую пару для заголовков, составили правила типографики для разных размеров экрана, с учётом адаптивности.

Типографика


Дизайн E-mail уведомлений

Провели работу с текстами, предусмотрели системные ошибки, уведомления и шаблоны email-писем.

Дизайн E-mail уведомлений


Сертификаты об обучении

Сделали дизайн сертификата о прохождении обучения, который генерируется при достижении 100% прохождения курса.

Сертификаты об обучении

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

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

Ещё кейсы:

Частые вопросы

Нужен дизайн. Что от меня требуется?

Отправьте имеющиеся требования на почту или в телеграм. Мы изучим информацию и сообщим, сможем ли помочь.

Нужен дизайн. Что от меня требуется?

Отправьте имеющиеся требования на почту или в телеграм. Мы изучим информацию и сообщим, сможем ли помочь.

Нужен дизайн. Что от меня требуется?

Отправьте имеющиеся требования на почту или в телеграм. Мы изучим информацию и сообщим, сможем ли помочь.

Сколько это стоит?

Ставка студии 2500 руб / час. Стоимость команды 600 тыс. руб. в месяц. Срок зависит от объёма проекта. В стоимость входит прототип, UI-kit, цветовые палитры, типографика, макеты в Figma для 3-5 разрешений.

Сколько это стоит?

Ставка студии 2500 руб / час. Стоимость команды 600 тыс. руб. в месяц. Срок зависит от объёма проекта. В стоимость входит прототип, UI-kit, цветовые палитры, типографика, макеты в Figma для 3-5 разрешений.

Сколько это стоит?

Ставка студии 2500 руб / час. Стоимость команды 600 тыс. руб. в месяц. Срок зависит от объёма проекта. В стоимость входит прототип, UI-kit, цветовые палитры, типографика, макеты в Figma для 3-5 разрешений.

Сколько времени нужно на дизайн?

Для больших проектов обычно требуется 2 месяца. По небольшим задачам — оценка от нескольких дней.

Сколько времени нужно на дизайн?

Для больших проектов обычно требуется 2 месяца. По небольшим задачам — оценка от нескольких дней.

Сколько времени нужно на дизайн?

Для больших проектов обычно требуется 2 месяца. По небольшим задачам — оценка от нескольких дней.

С чего начать?

Составьте список ролей пользователей, список нужного функционала и список разделов сайта и личного кабинета. Этого достаточно для оценки.

С чего начать?

Составьте список ролей пользователей, список нужного функционала и список разделов сайта и личного кабинета. Этого достаточно для оценки.

С чего начать?

Составьте список ролей пользователей, список нужного функционала и список разделов сайта и личного кабинета. Этого достаточно для оценки.

Логотип Wadline
Логотип Wadline
Логотип Wadline

В топ-10 дизайн-студий по мнению Wadline

Логотип Ratingruneta
Логотип Ratingruneta
Логотип Ratingruneta

В топ-10 разработчиков корп. решений по мнению Ratingruneta

Логотип Ratingruneta
Логотип Ratingruneta
Логотип Ratingruneta

№2 среди агенств по поддержке и развитию по мнению Ratingruneta

Аккредитованная IT-компания АО-20220418-4218209153-3

Нужен дизайн интерфейса?

Опишите задачу, мы отправим стоимость дизайна. Пишите, мы открыты интересным проектам.

Нужен дизайн интерфейса?

Опишите задачу, мы отправим стоимость дизайна. Пишите, мы открыты интересным проектам.

Нужен дизайн интерфейса?

Опишите задачу, мы отправим стоимость дизайна. Пишите, мы открыты интересным проектам.

SPAR
SPAR
Biocad
Biocad
Senior Group
Senior Group
Moscow Digital School
Moscow Digital School
TRNR
TRNR

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

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