Shanti Island

Международная онлайн-школа для подготовки преподавателей йоги. Обучение студентов состоит из 8 модулей по 6 учебных дней. Курс рассчитан на 4 месяца, в течение которых студенты изучают видео-уроки, читают и слушают лекции, изучают дополнительные материалы и проходят квизы по каждому учебному дню. В конце модуля студенты сдают домашнее задание, а в конце всей учёбы – обязательный экзамен

2026 г.product designer
Главная страница Shanti Island: текущий учебный день, модуль и домашнее задание

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

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

  • На каком этапе
    я нахожусь?

  • Что от меня требуется
    в данный момент?

  • Какой у меня прогресс
    по обучению?

  • Что я уже выполнил?

  1. 01Требования требовали дополнительной детализации
  2. 02Вводные данные менялись по ходу работы
  3. 03Сжатые сроки реализации

Перед проектированием экранов я провела ресерч по известным мне платформам обучения, спроектировала User Flow для студенческой части и тичерской, после чего согласовала его с продакт-менеджером

User Flow: путь студента от входа до сертификации и сценарии преподавателя

Единый пользовательский опыт

Лендинг был спроектирован на основе уже существующего визуального языка Shanti Island. Я сохранила характер бренда, расширила дизайн-систему новыми компонентами и адаптировала её для образовательной платформы, чтобы переход между маркетинговым сайтом и продуктом ощущался бесшовным

Лендинг онлайн-академии Shanti Island
Учебный день: введение, цитата, темы занятий и начало обучения
Цветовые категории занятий: Asana, Methodology, Theory, Pranayama, Meditation
Материалы о здоровом образе жизни: рецепт аюрведического завтрака
Боковая навигация по модулю со статусами пройденных и доступных уроков
Дашборд студента: занятия, ресурсы, прогресс, ежедневные привычки и текущий уровень
Karma Points: уровень NiyamaKarma Points: уровень Dharana
Пример вопроса квиза с выбранным вариантом ответа
Мобильная версия личного кабинета Shanti Island

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

библиотека проекта
«Shanti Island»

Библиотека компонентов Shanti Island в Figma: виджеты и их состояния

250+

Экранов для веб-
и мобильной версий
платформы

100+

Компонентов для обеспечения
консистентности
интерфейсов

Global

Продукт для международной аудитории с обучением онлайн
и офлайн на Бали

Схема пути студента и преподавателя Shanti Island