Редизайн сайта и автоматизация процессов образовательного центра для детей

ЗаказчикНаш заказчик, фаундер некоммерческой компании в Ганновере.ЗадачаБыло необходимо модифицировать сайт образовательной школы в Германии — провести редизайн и автоматизировать основные процессы цифрового инструмента.

Проект и клиент

Наш заказчик, фаундер некоммерческой компании, организовал детский образовательный центр в Ганновере. Основная цель — дать детям родителей-иммигрантов доступное образование на русском и немецком языке, сформировать у билингвов культурную и языковую базу своей родины.

«Мы, педагоги и организаторы Чемодана Сказок, считаем, что двуязычность — подарок, который ребёнок получает с рождения. И хотим, чтобы дети реализовывали свои возможности: говорили свободно на двух языках. Мы любим свою работу, постоянно развиваемся в профессиональном плане и получаем удовольствие от процесса».

9024e2345eb6e94640c6aad6aed11b25.png

Задачи клиента

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

Решение задач

Новая версия сайта автоматизировала весь сценарий от информирования до покупки образовательных занятий и мастер-классов. Теперь нет необходимости в длительных звонках и «увлекательных» прогулках до детской школы. Оплата образовательных программ интуитивно понятна, и всё это без регистрации и СМС.

Информирование

Благодаря проекту «Чемодан Сказок» каждый родитель найдёт что? то интересное для себя и полезное для своего ребёнка. Раздел «О нас» отвечает на все потенциальные вопросы аудитории о концепте, преподавателях, оплате и скидках. Раздел «Проекты» демонстрирует широкий спектр услуг от развивающих занятий до продлёнок и праздников. Корпоративный блог помогает рассказать о внутренней жизни организации, спецпроектах или наборах в группы.

ba92c19e7306fd3d200715f5361c717b.png

Расписание, бронирование и запись

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

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

7675bea2f5c6e8861ca25dbfd944c49c.png

Административная панель

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

Благотворительность

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

Функциональные особенности

  1. ЧПУ-ссылки. Огромные ссылки из условно случайного набора знаков пугают пользователей. Поэтому мы настроили человекопонятные URL для каждой страницы — воспользовались способом написания адреса, который обеспечивает понимание содержимого.
  2. Система скидок. Уверенный шаг к созданию эффективной системы лояльности — реализация скидок при помощи ActivePass. При выполнении определённых условий родители могут получить специальный промокод, который можно использовать при оплате образовательных событий.
  3. Плагин Woocommerce и технология Stripe. Благодаря этим инструментам реализовали возможность добавления заказов в корзину и их оплаты. Также клиент может гибко настраивать цены каждого события. Например, если в корзине цена курсов превысит определённый порог, итоговая сумма станет более привлекательной после ввода промокода.
  4. Мультиязычность. Сайт поддерживает два языка — русский и немецкий.

Особенности дизайна

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

Основные изменения в UX-дизайне

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

Основные изменения в UI-дизайне

  • Изменили палитру цветов на более яркую и позитивную, соответствующую предпочтениям детей.
  • Поменяли стиль сайта на минималистичный.
  • Отрисовали новый логотип, который стал основой для всех иконок на веб-сайте.
  • Улучшили типографику. Чтобы пользователям было проще ознакомиться с информацией на сайте, мы добавил акценты. Текст стал более ёмким, а сайт — контрастнее.

Поисковая оптимизация сайта

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

Сейчас сайт образовательного центра для детей находится на первой странице в поисковой выдаче по целевым запросам в Ганновере.

Результаты

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

Для нашей команды проект «Чемодан Сказок» — социально значимый, затрагивающий одну из актуальных мировых повесток. Когда мы осознаём, что помогаем сохранить русскую культуру родителям и их детям в Германии — на душе становится тепло. Крайне рады, что нам удалось поработать над таким важным проектом.

Стек технологий

PHP 7.4, Wordpress 5.x+, Woocommerce, ACF, JS, CSS/HTML, Stripe, Consent Manager.

Перейти на сайт

Полный текст статьи читайте на CMS Magazine