web-studio

PIYBEEP.

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

Закрытый проект

Задача.

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

О компании.

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

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

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

image

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

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

image

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

image

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

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

image

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

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

image

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

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

image

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

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

image

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

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

image

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

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

image

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

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

image

image

image

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

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

image

image

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

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

image

image

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

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

image

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

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

image

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

image

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

image

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

Скоро больше

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

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

Веб-визитка

Лендинг

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

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

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

Веб-сервис

Поддержка

Консультация

Другое

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