Авторизация
Забыли пароль?
Сброс пароля
Вернуться к авторизации

Разработка дизайна интерфейса портала для обучения

27 февраля ‘24

Заказчик: Producation

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

Агентство-исполнитель кейса

CRON

С 2018 года проектируем интерфейсы для сайтов и приложений, используем системный подход к дизайну, анализируем поведение пользователей. Задать вопрос в телеграм: @crondesign

1. Вводная задача от заказчика, проблематика, цели

Создание дизайна и проектирование интерфейса для образовательной платформы с функционалом:

  • Конструктор курсов и уроков
  • Аналитика по финансам и обучению
  • 7 видов уроков + итоговые тесты
  • Оплата курсов и выплаты авторам
  • Тикетная система поддержки

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

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

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Порядок работы

  • Описание основных трендов рынка по UX\UI в нише заказчика
  • Подготовка аналитики на соответствие трендов рынка по UX\UI
  • Реализация пути клиента и дизайн-макеты для нового сервиса
  • Подготовка презентации с обоснованием своего решения
  • Разработка кликабельного прототипа интерфейса
  • Создание UI-kit, цветовой палитры, типографики
  • Разработка макетов страниц в Figma для 3-5 разрешений экранов
  • Подготовка и передача проекта в разработку

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

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

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

3. Результаты сотрудничества

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

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

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

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

4. Заключение

Мы с 2018 года проектируем и разрабатываем интерфейсы для сайтов и приложений. Умеем и любим работать со сложными проектами. Используем системный подход в дизайне, предусматриваем всё необходимое, чтобы на этапе разработки не осталось никаких вопросов. Пишите, мы открыты интересным проектам.

Агентство-исполнитель кейса

CRON

С 2018 года проектируем интерфейсы для сайтов и приложений, используем системный подход к дизайну, анализируем поведение пользователей. Задать вопрос в телеграм: @crondesign