Платформа изучения английского языка Highflyers

Задача.

Разработать платформу для изучения английского языка. Где основным продуктом будет являться раздаточный материал в разных форматах: обучающие карточки, полезные статьи, чек-листы с интересными подборками разных источников для закрепления знаний, лекции TED Talks с заданиями, материал для подготовки к ЕГЭ и ОГЭ, а также планы уроков для педагогов. Можно покупать как по одной единице материала из каждого раздела обучения, так и оплатить целый курс, который останется с вами навсегда.

О компании.

Highflyers - платформа, которая основана преподавателем английского языка. Богатый опыт позволил точно определить, что необходимо для качественного и полноценного изучения самого популярного международного языка. Теоретический материал “загрузит” в память новые знания, а практика закрепит все это на реальных заданиях и тестах.

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

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

Slice 1 1 (1).png

Далее офферная конструкция с продающим текстом и кнопкой с призывом к действию.

Правее, декоративный элемент - слайдер, где каждые пару секунд перелистываются слова снизу вверх.

Slice 1 2 (1).png

Объяснили, что у английского множество сфер применения, от путешествий - до карьеры и саморазвития.

Slice 1 3 (1).png

Здесь перечислены основные варианты обучения на Highflyers.

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

Slice 1 4 (1).png

Далее немного рассказали о методах обучения - карточках с обучающими материалами и тестах.

Заголовок с текстом + динамический экран, который, в первую очередь, показывает, что можно пользоваться сайтом с разных устройств любого размера. Также визуализация реализована в виде параллакса, и при скролле страницы вверх-вниз - прокручиваются и страницы внутри рамок устройств.

Slice 1 6 (1).png

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

И рядом - часто задаваемые вопросы. Выполнены в форме диалога, дизайна iMessage.

Slice 3 1 (1).png

Варианты тарифов.

Расписаны цены, что включает в себя каждый. Можно оплачивать каждый материал отдельно, либо взять весь курс обучения (со скидкой).

Slice 3 2 (1).png

И форма, если хотите узнать еще что-то, вам будут рады ответить!

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

Slice 3 3 (1).png

Страница с обучающими карточками имеет общую шапку с другими страницами с материалами - единая структура, с одинаковой логикой работы.

Заголовок с названием курса, небольшое описанием справа и фильтрация информации на странице: можно отобрать карточки по необходимому уровню языка, либо показать только уже доступные. Основная часть страницы состоит из “раздаточных материалов”. Все их можно приобрести только после авторизации. Все карточки на этой странице после оплаты доступны в формате PDF.

head (5) 1 (1).png

На сайте можно почитать статьи, которые помогут в изучении языка.

После прочтения пройти тест и выполнить несколько заданий по теме.

head (12) 1 (1).pnghead (14) 1 (1).pnghead (15) 1 (1).png

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

Есть несколько вариантов информации - подкасты, книги, видео и многое другое.

Slice 3 4 (2).pngPopup checklist (1) 1 (1).png

Лекции TED Talks. Актуальные темы, в которых можно подтянуть скиллы в английскому.

После просмотра видео также можно будет проверить усвоенную информацию.

head (16) 1 (1).pnghead (17) 1 (1).png

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

Есть разные части - устная и письменная, можно выбрать более подходящую тему для тренировок.

head (19) 1 (1).png

После авторизации переходим в свой профиль. Там вся персональная информация и все данные.

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

head (23) 1 (1).png

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

head (24) 1 (1).png

Ну, и все оплатить можно любой банковской карточкой.

Popup Pay 1920 - 940 1 (1).png

другие проекты .

Скоро больше

Оставьте заявку и мы с вами свяжемся .

Имя
Почта или телефон

UX/UI-дизайн

Лендинг

Веб-сервис

Интернет-магазин

Админ-панель

Веб-визитка

Корпоративный сайт

Онлайн-платформа

Поддержка

Нажимая "Отправить", вы принимаете политику хранения и обработки персональных данных