2022 Главная курса Подтренинги

Оформление GetCourse
для курса «Арена»
Игоря Войтенко

Адаптивная верстка главной страницы курса и модулей.

Задача

Что было до

  • Отсутствие оформления

    Платформа GetCourse использовалась в стандартном виде — без кастомизации и привязки к бренду школы.

  • Отсутствие контактов на виду

    Ученикам приходилось искать контакты в других местах (сайт, соцсети). Это создавало лишние барьеры и задерживало ответы на вопросы.

  • График работы поддержки был неясен

    Ученики писали в любое время и не получали быстрого ответа. Это вызывало раздражение и снижало лояльность.

Что нужно было сделать

  • Разработать и сверстать главную страницу курса с нуля
  • Разработать и сверстать страницы со списком подтренингов
  • Адаптировать все страницы под мобильные устройства
  • Создать блок «Контакты»

Что было сделано

01

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

Был создан уникальный интерфейс, который полностью отражает стиль школы и вызывает доверие у учеников.

  • Брендирование: использовали фирменные цвета, шрифты и логотип школы
  • Структура: Была сделана понятна и интуитивная навигация
02

Вёрстка страниц курса

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

  • Главная страница: список модулей и блок «Контакты»
  • Страница модуля: список подтренингов внутри модуля
  • Адаптив: корректное отображение на всех устройствах
03

Блок «Контакты» и график работы

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

  • Контакты на виду: добавили ссылки на Telegram и почту.
  • График работы: указали время работы поддержки, чтобы ученики знали, когда ждать ответ

Результат

Главная страница курса

Было
Старая главная страница
Стало
Новая главная страница

Список подтренингов

Было
Старый список модулей
Стало
Новый список модулей

Над проектом работали

Фото дизайнера
Дизайнер

Владислав Ложкин

Разработка дизайн-концепции, макетов главной страницы и страницы подтренингов.

Связаться
Фото верстальщика
Разработчик

Александр Нагиян

Реализация адаптивной верстки, оптимизации кода и интерактивных элементов: динамической карты, фразы дня и персонажа

Связаться