ЛК Niksen School
Дизайн и разработка: Настя Свеженцева
Иллюстрации: Настя Никсен
О компании
Niksen.School – Школа сюжетной иллюстрации Насти Никсен. Здесь создают иллюстрации для приложений, фирстиля, книг, сайтов (со вкусом). +Наставник. 8 проектов, д/з, чат в Telegram, прямые эфиры.
Настя Никсен — популярный художник-иллюстратор, бренд-дизайнер и блогер. Создает цифровые иллюстрации для книг, сайтов и приложений. Помогает компаниям (и экспертам) сформировать и развить фирменный стиль. А еще с удовольствием берется за задачи по оформлению книг, игр и сайтов: см. «Истории с помпоном», «Театр теней Папатон», iSpring.
О задаче
Помочь автоматизировать процесс обучения с разработки личного кабинета ученика с курсами, а также подключить систему оплаты курсов прямо на сайте.
В деталях
Кейс интересен тем, что с личным кабинетом и новыми механиками удалось за 3 дня (дизайн, разработка, настройка схемы обучения) автоматизировать онлайн-обучение, ускорить набор и повысить конверсию, вовлечь больше творческих в обучение, автоматизировать оценку навыков, девчата и ребята после курсов (и даже во время) уже набирают себе клиентов, делают коммерческие заказы.
Учатся со всего спектра устройств. На этом курсе нужно много работать руками, поэтому можно сказать, что креативные классы, открылись по всему свету. Эдакий русскоговорящий творческий мир на двух земных полушариях объединился в одну большую мастерскую.
Метафоры и аналогии: Личный кабинет как портал в пространство возможностей.
Интерфейс: Личный кабинет — это пространство возможностей по развитию бок о бок с наставником, а значит, требуется иной композиционный подход к сборке (не история, а интерфейс).
В дизайн-реализации Личный кабинет — это коллекция модулей курсов в виде плашек, расставленных на полке и промаркированных темой и порядком, также подчеркнута ценность каждого модуля (теория, практика), вокруг полок находятся опции, присущие классической учебной среде (прямой контакт с наставником, чат с иллюстраторами, материалы по развитию и таблица успехов).
Уникальная графика и визуальные решения: В визуальном решении потребовалось найти способ унаследовать существую стилистику школы и адаптировать ее к применению в интерфейсе. В результате получилась визуальная коммуникация: «Твое личное пространство возможностей по развитию в иллюстрации», которую дальше воплотили в виде дизайн-концепции и продемонстрировали в работе в точках контактах с аудиторией.
Разработка в конструкторе Tilda: Проработали концепцию портала с уникальными компоновками в Figma и разработали в конструкторе Tilda:
- Шаблоны: создано 4 шаблона, из них 2 шаблона для обучающего портала для разных тарифов: самостоятельное обучение и обучение с наставником; 1 шаблон для лонгрида с лекцией; 1 шаблон для лонгрида с практической частью.
- Адаптивный Zero Block. 3 Zero-блока c уникальными композициями, настроенные под планшеты и телефоны: обучающий портал, шапка лонгрида, закрепленное меню лонгрида.
- Стандартные блоки: 12 блоков для таких блоков как мобильное меню, строка футера, навигация по содержанию лонгрида и различные блоки для верстки лонгрида (заголовки, подзаголовки, цитаты, абзацы текста,списки, медиа контент).
- Передача заказчику и настройка аккаунта: Сайт передан на Tilda аккаунт заказчика, настроена подгрузка шрифтов и доменное имя для сайта.
- Интеграции и оплата: настроены доступы к личному порталу для разных потоков обучения после оплаты через ЮКассу, настроена возможность постепенно открывать доступ к контенту для разных потоков.