лендинг для онлайн-школы по математике

MATESHA.SCHOOL

Объем работ:
  • Главная посадочная страница
Технические задачи:
  • формы захвата
Срок разработки:
  • 4 недели
Дата публикации сайта:
  • август 2021

Задача

Рассказать об онлайн-занятиях в школе и донести удобство пользования платформой.
Лендинг matesha. online — MVP (минимальный жизнеспособный продукт) который разработан для привлечения целевых пользоваталей — родителей школьников и сбора их контактных данных.

О проекте

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

Анализ и структура

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

С учетом этих потребностей разработала структуру:
1. На главном экране отмечаем стоимость занятия, при этом подчеркнув ее преимуществами — таким образом вовлекаем посетителя сайта для дальнейшего изучения информации о платформе.
2. Описываем ситуации, в которых платформа поможет родителям и ученикам — отражаем проблемы с которыми можем помочь.
3. Подчеркиваем преимущества выбора занятий под удобное время — важное преимущество при критерии отбора среди других школ.
4. Описываем результат для ребенка после обучения — родителям это дает четкий измеримый критерий успешных занятий.
5. Целевое действие: заполнение формы обратной связи — предлагаем взаимодействовать с продуктом.
{wireframe}

Дизайн решения

Основные цвета — пастельные яркие голубой, фиолетовый и желтый хорошо контрастируют и дополняют друг друга. Для родителей такое решение отражает детскую тематику проекта, а при взаимодействии ребенка с платформой — создает интересное взаимодействие и привлекает внимание.
Визуальные элементы — фигуры с закругленными краями передают мягкость и заботу — такой подход к занятиям. Математические знаки, и разного рода смайлики с которыми можно взаимодействовать — мини-игра для детей и развлечение для родителей.
В нескольких местах на фон блока добавлена сетка, отсылающая к теме тетради в клеточку.
{варианты дизайн-концептов}
дизайн сайта школы математики
дизайн-концепция сайта
дизайн-макет сайта
дизайн школы математики
дизайн-макет сайта школы математики
дизайн сайта школы математики
Заказчик оценил вариант с яркими простыми формами, которые я использовала в иллюстрациях, иконках, интерактивных элементах для передачи смысла и преимуществ.
Математические знаки и формулы отражают тематику проекта, а смайлики передают позитивное настроение, что хорошо сказывается на формировании настроя обучения.
{фрагменты дизайна}
иллюстрации сайта школы математики
фирменный стиль школы математики
{фрагмент анимации сайта}

Фирменный стиль

У компании не было сформированного фирменного стиля, поэтому потребовалось решить эту задачу самостоятельно, сформулировав визуальные концепции на основе разработанного дизайна лендинга. Элементы дизайна легли в основу оформления личных кабинетов, презентаций уроков, рекламных объявлений и других элементов школы.
Дополнительно появилась задача в разработке рекламных креативов для социальных сетей.
В их дизайне я также использовала элементы фирменного стиля.
{дизайн рекламных объявлений}
В основу оформления обучающих материалов легли смайлики, знаки, формы, цвета и сетка. Эти материалы используются в оформлении презентаций для уроков, а также в материалах для учителей.
{дизайн презентаций}
дизайн презентации
В оформлении платформы — в личных кабинетах используются фирменные цвета и формы с плавными углами, а также сетку.
{дизайн личного кабинета}
личный кабинет онлайн-школы математики
личный кабинет онлайн-школы математики
дизайн школы математики
дизайн личного кабинета

Результат

Разработанный дизайн, позволил выделиться среди конкурентов, привлечь внимание родителей к платформе и отразить ценности компании. Заказчик доволен результатом работ.
Сайт доступен по ссылке – marinalooo.ru/mateshaschool
Отзыв заказчика
«Задача была — создать лендинг со стильным и узнаваемым дизайном. Ты прекрасно отработала, эти видео презентации с пояснениями, и адекватная реакция на правки, результат только стал лучше!» – Снежана Иванова
НАД ПРОЕКТОМ РАБОТАЛИ
  • Марина
    Дизайн и верстка
Made on
Tilda