Лендинг школы дистанционного образования

notebook Академия screen
Начало работы
01

О пректе

Разработка лендинга для школы онлайн-образования.

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

Цели

Цели

  • Вывод на рынок новой школы онлайн-образования.
  • Лидогенерация.
  • Сбор контактов потенциальных клиентов.
  • Наращивание клиентской базы.
Задачи

Задачи

  • Сделать лендинг для знакомства со школой, преподавателями, курсами.
  • Разместить эффективные CTA-кнопки и формы захвата.
Процесс

Процесс

  • Аналитика
  • Создание прототипов
  • Дизайн
  • Адаптивная верстка
  • Программирование функционала
  • Наполнение контентом
02

Проводим аналитику

Определяем:
  • видение: требования, цели и задачи бизнеса;
  • ЦА, портреты пользователей: их мотивы, боли, желания;
  • требования пользователей к сайту;
  • лучшие и худшие решения у конкурентов.
Персонаж 1
Светлана
Высшее образование.
Бухгалтер.
Есть сын Сергей, который учится в 11 классе. Считает подготовку в школе не достаточной для поступления Сережи в Финанасовую Академию. Ищет репетитора или курс по матемтике для сына.
Персонаж 2
Виктор
Высшее образование.
Иинженер-строитель.
Есть дочь Ирина, которая учится в 11 классе.
Нужна квалицифицированная подготовка к предстоящим ЕГЭ в школе.
Академия image
Прототип
03

Структурируем прототип

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

Академия prototype 1
Академия prototype 2
Академия prototype 3
Дизайн
04

Рисуем
дизайн

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

Академия prototype 1
Академия prototype 2
Верстка
05

Верстаем и адаптируем

Делаем адаптивную верстку, добавляем анимации и интересные микроэффекты.

Phone Академия prototype 1
Phone Академия prototype 2
Система
06

Группируем элементы в UI KIT

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

Академия UI KIT image
Разработка
07

Разрабатываем функционал

Устанавливаем верстку на cms Wordpress. Реализуем возможность редактировать каждый блок из админ-панели и дублировать подобные лендинги с другим контентом в неограниченном количестве без участия программиста. Связываем сайт с сервисом GetCourse.

Результат: Веселый позитивный лендинг для современных родителей.

Готовый проект 
https://i-cademy.ru/

notebook Академия programming image