Перезвоните мне
ГлавнаяПортфолиоZazaSchool

ZazaSchool

Мультиязычная онлайн-школа

Год запуска: 2020
ZazaSchool

О проекте

Данный проект является образовательной платформой с элементами Интернет-торговли, а также туристическими модулями для предоставления возможности заказывать путевки на образование за рубежом. Он разработан на CMS WordPress, рядом кастомных решений, включая фильтр на VUE.JS

Целевая аудитория

Целевая аудитория

  • Дети 7+ лет: Для детей предлагаются образовательные программы, направленные на развитие базовых навыков и знаний;
  • Подростки 13+ лет: Для подростков созданы образовательные курсы, ориентированные на подготовку к школьным и вузовским экзаменам, а также развитие профессиональных навыков;
  • Взрослые 18+ лет: Для взрослой аудитории предоставляются курсы, направленные на повышение профессиональных навыков, подготовку к карьерным изменениям и обучение новым областям знаний;
  • Студенты 50+ лет: Специальные программы предназначены для старшего поколения, с акцентом на обмен культурным опытом и образовательными путешествиями;
  • Людям, которые готовятся к международным экзаменам, предоставляются специализированные курсы и ресурсы для успешной подготовки;
  • Люди, стремящиеся повысить языковые навыки для путешествий: Разнообразные языковые программы предоставляют возможность изучения языков для комфортного путешествия и общения;
  • Люди, планирующие образовательные поездки за рубеж: Специальные образовательные туры предлагаются тем, кто хочет комбинировать путешествия с образовательным процессом.

Задачи проекта

Задачи проекта ZazaSchool

1. Разработка LMS (Learning Management System) системы  для эффективного управления образовательными контентами, курсами и студентами.

2. Разработка подробного и удобного каталога курсов для различных возрастных и интересных групп.

3. Реализация электронной витрины для представления образовательных туров и географических объектов.

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

5. Внедрение функциональности Интернет-торговли для удобства оплаты курсов и туров.

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

Информация о проекте

Команда

1 PM, 1 Design, 2 Frontend, 1 Backend, 1 QA

Основной стек

WordPress + Vue.js

Время разработки

530 часов

Статус проекта

Проект успешно реализован

Первый блок ZazaSchool

Левая часть первого блока ZazaSchool

Левая часть первого блока

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

Первый блок ZazaSchool правый

Правая часть первого блока ZazaSchool

Правая часть первого блока

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

Поиск ZazaSchool

Расширенный поиск ZazaSchool

Расширенный поиск

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

Перечень предложений ZazaSchool

Персональный перечень предложений ZazaSchool

Перечень предложений

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

Оффер ZazaSchool

Блок с оффером

Оффер ZazaSchool

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

Оформление заказа ZazaSchool

Оформление заказа ZazaSchool

Оформление заказа

В рамках данного интерфейса пользователю предоставляется возможность набрать интересующий пакет уроков в электронную корзину магазина и осуществить оформление / оплату заказа.

Корзина ZazaSchool

Корзина ZazaSchool

Корзина ZazaSchool

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

Модуль выбора предметов ZazaSchool

Модуль выбора предметов

Модуль выбора предметов

Данный модуль дублирует лид-магнит и является фильтром. Это интерактивный модуль выбора предметов в виде псевдо диаграммы. Выбирая тот или иной предмет, например, английский язык подстраивается кнопка «оплатить сейчас», которая переносит на страницу «онлайн обучение» на фрейм фильтры с выбранным атрибутом предмета.

Блоки информирования ZazaSchool

Информационный блок ZazaSchool

Блоки информирования

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

Корпоративный фрейм ZazaSchool

Блок «О нас»

Корпоративный фрейм

Данная секция закрывает 4 задачи по предоставлению информации: 1) Данные о команде; 2) История успеха; 3) HR-составляющая; 4) Сертификация со стороны онлайн-школы.

Каталог преподавателей ZazaSchool

Каталог преподавателей

Каталог преподавателей

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

Страница преподавателя ZazaSchool

Страница преподавателя ZazaSchool

Страница преподавателя

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

Страница тестов ZazaSchool

Страница с тестами ZazaSchool

Страница тестов

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

Страница отзывов ZazaSchool

Страница отзывов ZazaSchool

Страница отзывов

На данной странице размещены отзывы нескольких форматов: 1) Это отзывы, которые подгружаемые при помощи API Инстаграмма и при нажатии на тот или иной отзыв появляется PopUp окно, с лентой Инстаграма на стороне сайта: 2) Это отзывы добавляемые на сайт при помощи админ-панели. В данный фрейм предусмотрено добавление видео-отзывов и текста с левой стороны.

Результаты

1. Завершение проекта привело к созданию эффективной LMS системы и системы каталогов курсов, обеспечивающих удобство как для студентов, так и для преподавателей;

2. Реализация мультиязычности привлекла широкую аудиторию из разных стран и культур, что способствовало мировой доступности платформы;

3. Внедрение туристических модулей и электронной витрины образовательных туров привели к успешной реализации возможности заказа путевок на обучение за рубежом;

4. Синхронизация с CRM системой заказчика обеспечило эффективное управление клиентской базой данных, что в свою очередь способствовало лучшему обслуживанию клиентов;

5. Элементы интернет-торговли облегчили процесс оплаты курсов и туров, делая их более доступными и привлекательными для потенциальных клиентов;

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

Понравился кейс?

Обсудить мой проект

Ознакомьтесь с другими нашими проектами

Система бронирования для отелей ACE Booking Engine

Превью кейса

Сайт крупнейшей в Петербурге компании водного туризма

Превью кейса Нева Тревел

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

Превью кейса Network Analitics

Платформа для организации свадеб Wendor

Превью Wendor

Мобильное приложение спортивного издания «ПЛЕЙМЕЙКЕР»

Превью кейса Playmeyker

Каталог индийских фильмов Somindram

Превью кейса Somindram

Этот сайт использует cookies.

Этот сайт использует файлы cookie для хранения информации на вашем устройстве.