Веб-студия

PIYBEEP.

Платформа изучения английского языка 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-дизайн

Веб-визитка

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

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

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