Сайт лингвистического центра «Елена»

Задача: Создать удобный сайт лингвистического центра с интерактивом

Лингвистический центр «Елена» оказывает услуги по обучению иностранным языкам. Основное направление – обучение языкам за границей, в языковых школах, университетах. Дополнительный вид обучения – занятия на курсах в Москве. Ко всем ученикам – строго индивидуальный подход. Поэтому тестирование, как начальное, так и в процессе обучения – важнейшая часть работы.

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

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


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

Первым кликом посетитель выбирает интересующий его язык и в открывшееся вкладке видит список стран, в которые можно поехать его изучать. По клику на названии (флаге) страны, в правом блоке из всех типовых программ обучения активируются те, которые доступны в данной стране. Строка выбранной страны подсвечивается.


Пример выбора языка (английский), страны (Великобритания), курсор наведен на одну из доступных в этой стране программ (поступление в университеты)

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


Список школ для ранее выбранных языка, страны и программы обучения

В открывшемся списке представлены школы, отобранные, как описано выше. При желании можно посмотреть все школы, где можно обучаться выбранному языку по данной программе, независимо от страны. Это полезно для сравнения цен на обучение в разных странах. При клике по ссылке «Показать все школы данной программы для данного языка» будут выведены списки школ для всех стран, озаглавленные названием этих стран. По клику на названии школы во всплывающем окне открывается подробное описание школы, в конце которого приведена таблица с ценами. Можно, не закрывая всплывающего окна, переходить от школы к школе с помощью навигационных стрелок в самом окне.


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

Вернемся к главной странице. Что если посетителя изначально интересует не страна, а конкретная программа обучения? Он должен перебирать все страны и смотреть, где эта программа реализована? Конечно, нет! Для этого предусмотрен второй путь к отбору школ. Если, находясь на главной странице, сразу кликнуть на название программы, над блоком выбора стран и языков всплывет подсказка, приглашающая выбрать страну и язык. Сделав это, посетитель попадает к списку школ по выбранной программе, языку, стране.

Мы позаботились не только о посетителях сайта, но и о его администраторе. Ведь от возможностей наполнения сайта, управления его информацией напрямую зависит оперативность обновления информации на нем и полнота представленных услуг.

В административной части создан специальный раздел управления странами, языками, программами и школами. Простыми манипуляциями администратор может «создать» школу, ввести информацию о ней, сопоставить ей программу обучения, страну, язык, которые тоже не являются статичными параметрами – их также возможно легко создавать и редактировать.


Таблица управления школами в административной части сайта

Созданная система позволила оперативно и безошибочно ввести информацию о более чем ста языковых школах и университетах, с которыми сотрудничает лингвистический центр «Елена» в десяти странах Европы и Америки.

Отдельно требовалось создать на сайте систему онлайн тестирования, где посетители проходят языковые тесты различного уровня сложности, затем результаты этих тестов автоматически отправляются в компанию, а посетитель, при желании, может продолжить тестирование в очной форме, оставив на сайте заявку на собеседование. Управление тестами – создание вопросов, назначение уровня сложности, и т.д. должно осуществляться в административном разделе сайта.

Созданная система тестирования, позволяет создавать неограниченное количество тестов различной сложности. В приведенном примере теста, посетителю сайта предлагается выбрать пропущенное в предложении слово из четырех возможных вариантов. Для ответа достаточно кликнуть по варианту и выбранное слово автоматически вставляется в предложение для наглядности. До отправки ответа можно исправить свое решение, кликнув по другому варианту – слово в предложении будет заменено. По нажатию кнопки «ответить» появляется новый вопрос. Это происходит без перезагрузки страницы.


Страница одного из вопросов тестирования. Посетитель выбрал вариант ответа «after», кликнув по нему

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


Страница управления вопросами одного из тестов


​Страница редактирования одного из вопросов теста

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


Страница вопросов и ответов. По клику на второй вопрос под ним развернулся текст ответа

×

Вы используете устаревший браузер Internet Explorer

Данный сайт создан с использованием современных технологий, не поддерживаемых Вашим устаревшим браузером. Поэтому некоторые элементы страниц могут отображаться некорректно, а некоторые функции сайта будут недоступны. Настоятельно рекомендуем загрузить и установить любой из следующих современных браузеров. Это бесплатно и займет всего несколько минут.