Давайте обсудим ваш проект
Расскажите о ваших целях: проанализируем задачу — предложим оптимальный стек и план реализации
Отправляя запрос, вы соглашаетесь с Политикой обработки персональных данных
образовательная экосистема для будущих it-специалистов
Innoclass
Комплексный кейс по разработке UX/UI стратегии и реализации многостраничной платформы на Tilda. Основной фокус был сделан на чистоте интерфейса, удобной навигации по 10+ учебным направлениям и создании визуального доверия через живой контент и системную подачу сложных курсов.
Что такое INNOCLASS?
О проекте
INNOCLASS — онлайн-школа современных профессий, предлагающая обучение программированию, дизайну и менеджменту. Особенность школы — интеграция обучения с реальной практикой, стажировками и живым комьюнити в центре Минска.
Ключевые параметры разработки
Инструменты и сервисы реализации проекта
Платформа
Tilda (Zero Block), Кастомные анимации, Интеграции
Ниша
EdTech
Интеграции
LMS, CMS, Bitrix
Протектирование
UX/UI дизайн сайта, проектирование архитектуры курсов
Основа проекта
Проблемы и решения
Когнитивная перегрузка. У школы более 10 направлений обучения (от Python до Soft Skills). Пользователю сложно быстро выбрать подходящий курс без путаницы в деталях.
Унифицированная дизайн-система карточек. Разработали модульную сетку, где ключевые параметры (цена, срок, результат) всегда находятся на одном уровне. Это позволяет сравнивать курсы «сканирующим» взглядом.
Скепсис к онлайн-образованию. Рынок перенасыщен «инфопродуктами», пользователям трудно отличить качественную школу от конвейерных курсов.
Визуализация живой экосистемы. Интегрировали в дизайн фото реальных преподавателей и блоки о связи с физическим хабом InnoDom. Акцент на «сертификат гос. образца» и стажировки вынесен в приоритетные зоны.
Сложный путь к покупке. IT-обучение — это дорогой продукт с длительным циклом принятия решения. Прямая кнопка «Купить» часто отпугивает холодный трафик.
Многоступенчатая воронка захвата. Вместо агрессивных продаж спроектировали мягкие точки входа: «Бесплатная консультация», «Запись на день открытых дверей» и «Профессиональный подбор обучения».
Устаревание контента. В IT-сфере программы меняются быстро (например, появление курса по AI-кодингу), и сайт должен оперативно обновляться без участия разработчика.
Гибкая архитектура на Tilda. Реализовал проект с использованием шаблонизируемых Zero-блоков. Это позволяет команде заказчика самостоятельно добавлять новые курсы, сохраняя целостность дизайна и верстки.
Разрыв между десктопом и мобильной версией. Пользователи часто начинают знакомство с рекламы в соцсетях (mobile), но изучают программу курса с ПК (desktop).
Adaptive-first подход. Особое внимание уделили мобильной типографике и кликабельности элементов. Сайт сохраняет журнальную эстетику и удобство записи на курс вне зависимости от размера экрана.
Возможности сайта INNOCLASS
Маркетинговые и цифровые инструменты
- Интерактивный каталог курсовдобная навигация и система карточек для быстрого сравнения 10+ направлений обучения
- Адаптивная журнальная вёрсткаБезупречное отображение сложного контента на смартфонах, планшетах и широкоформатных мониторах
- Умная система фильтрацииПоиск подходящей профессии по уровню подготовки, стоимости и ключевым навыкам
- Динамическое обновление контентаГибкая архитектура на Tilda, позволяющая мгновенно запускать новые курсы и спецпредложения
- Многоступенчатые формы захватаКастомизированные воронки для записи на консультации, вебинары и дни открытых дверей
- Интеграция с ивент-хабомСинхронизация с контентом и календарём мероприятий в InnoDom для записи на офлайн-митапы и нетворкинг
Результат
Конверсия
Рост заявок в 1.5 раза за счёт оптимизации структуры и форм
UX-стратегия
Непрерывность опыта на desktop/mobile облегчили процесс изучения ассортимента курсов
Интеграция
Проектирование интерфейса обеспечило легкую покупку курса в пару шагов
Источники
Благодаря SEO-структуре и интеграции с гео-сервисами, выросло количество бесплатных переходов
Визуал
Scale-вёрстка сохранила премиальную эстетику и идеальные пропорции на любых экранах.
Коммерческое предложение
Стал не тколько инструментом продаж, но который менеджеры используют для презентации курсов
Расскажите о ваших целях. Мы проанализируем задачу и предложим оптимальный стек и план реализации
Обсудим ваш проект
Отправляя запрос, вы соглашаетесь с Политикой обработки персональных данных
Только Senior
& Lead разработчики
& Lead разработчики
Ваш полный доступ к коду и задачам
Архитектура без технического долга
Работа по Agile-спринтам